@macrostrat/map-interface 1.5.7 → 2.0.0

package/dist/cjs/map-interface.cf6c9a68.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/helpers.ts"],"sourcesContent":["import {\n  useMapRef,\n  useMapEaseTo,\n  useMapDispatch,\n  useMapStatus,\n  useMapInitialized,\n} from \"@macrostrat/mapbox-react\";\nimport { useMemo, useRef } from \"react\";\nimport { debounce } from \"underscore\";\nimport useResizeObserver from \"use-resize-observer\";\n\nimport { getMapPosition } from \"@macrostrat/mapbox-utils\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { getMapPadding, useMapMarker } from \"./utils\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\n\nexport function MapResizeManager({ containerRef }) {\n  const mapRef = useMapRef();\n\n  const debouncedResize = useRef(\n    debounce(() => {\n      mapRef.current?.resize();\n    }, 100),\n  );\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: debouncedResize.current,\n  });\n\n  return null;\n}\n\ninterface MapPaddingManagerProps {\n  containerRef: React.RefObject<HTMLDivElement>;\n  parentRef: React.RefObject<HTMLDivElement>;\n  infoMarkerPosition: mapboxgl.LngLatLike;\n  debounceTime?: number;\n}\n\nexport function MapPaddingManager({\n  containerRef,\n  parentRef,\n  infoMarkerPosition,\n  debounceTime = 200,\n}: MapPaddingManagerProps) {\n  const mapRef = useMapRef();\n\n  const [padding, setPadding] = useState(\n    getMapPadding(containerRef, parentRef),\n  );\n\n  const _updateMapPadding = useCallback(() => {\n    const newPadding = getMapPadding(containerRef, parentRef);\n    setPadding(newPadding);\n  }, [containerRef.current, parentRef.current]);\n\n  const updateMapPadding = useMemo(\n    () => debounce(_updateMapPadding, debounceTime),\n    [_updateMapPadding, debounceTime],\n  );\n\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    // Update map padding on load\n    updateMapPadding();\n  }, [mapRef.current]);\n\n  useResizeObserver({\n    ref: parentRef,\n    onResize(sz) {\n      updateMapPadding();\n    },\n    round(n) {\n      return Math.round(n);\n    },\n  });\n\n  // Ideally, we would not have to do this when we know the infobox is loaded\n  useMapEaseTo({ center: infoMarkerPosition, padding });\n\n  return null;\n}\n\nexport function MapMovedReporter({ onMapMoved = null }) {\n  const mapRef = useMapRef();\n  const dispatch = useMapDispatch();\n  const isInitialized = useMapInitialized();\n\n  const mapMovedCallback = useCallback(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    const mapPosition = getMapPosition(map);\n    dispatch({ type: \"map-moved\", payload: mapPosition });\n    onMapMoved?.(mapPosition, map);\n  }, [onMapMoved, dispatch, isInitialized]);\n\n  useEffect(() => {\n    // Get the current value of the map. Useful for gradually moving away\n    // from class component\n    const map = mapRef.current;\n    if (map == null) return;\n    // Update the URI when the map moves\n    mapMovedCallback();\n    const cb = debounce(mapMovedCallback, 100);\n    map.on(\"moveend\", cb);\n    return () => {\n      map?.off(\"moveend\", cb);\n    };\n  }, [mapMovedCallback]);\n  return null;\n}\n\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":[],"version":3,"file":"map-interface.cf6c9a68.js.map"}

package/dist/cjs/map-interface.dcbd3874.js

@@ -1,112 +0,0 @@
-require("./map-interface.1b386e07.css");
-var $a8d7c4c397e52cf6$exports = require("./map-interface.cd485bb4.js");
-var $860d9939f7032c69$exports = require("./map-interface.64823b7c.js");
-var $hshpw$blueprintjscore = require("@blueprintjs/core");
-var $hshpw$macrostrathyper = require("@macrostrat/hyper");
-var $hshpw$macrostratuicomponents = require("@macrostrat/ui-components");
-var $hshpw$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $hshpw$classnames = require("classnames");
-var $hshpw$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
-
-
-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, "InfoDrawerHeader", () => $548387e5996cdbbd$export$e9ff14c4822c2e8c);
-
-
-
-
-
-
-
-
-const $548387e5996cdbbd$var$h = (0, ($parcel$interopDefault($hshpw$macrostrathyper))).styled((0, ($parcel$interopDefault($a8d7c4c397e52cf6$exports))));
-function $548387e5996cdbbd$var$PositionButton({ position: position, bounds: bounds, showCopyLink: showCopyLink = false }) {
-    const focusState = (0, $hshpw$macrostratmapboxreact.useFocusState)(position);
-    const copyLinkIsVisible = (0, $hshpw$macrostratmapboxutils.isCentered)(focusState) && showCopyLink;
-    return $548387e5996cdbbd$var$h("div.position-controls", [
-        $548387e5996cdbbd$var$h((0, $hshpw$macrostratmapboxreact.LocationFocusButton), {
-            location: position,
-            bounds: bounds,
-            focusState: focusState
-        }, []),
-        $548387e5996cdbbd$var$h.if(copyLinkIsVisible && position != null)($548387e5996cdbbd$var$CopyLinkButton, {
-            itemName: "position"
-        })
-    ]);
-}
-function $548387e5996cdbbd$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {
-    const toaster = (0, $hshpw$macrostratuicomponents.useToaster)();
-    let message = `Copied link`;
-    if (itemName != null) message += ` to ${itemName}`;
-    message += "!";
-    return $548387e5996cdbbd$var$h((0, $hshpw$blueprintjscore.Button), {
-        className: "copy-link-button",
-        rightIcon: $548387e5996cdbbd$var$h((0, $hshpw$blueprintjscore.Icon), {
-            icon: "link",
-            size: 12
-        }),
-        minimal: true,
-        small: true,
-        onClick () {
-            navigator.clipboard.writeText(window.location.href).then(()=>{
-                toaster?.show({
-                    message: message,
-                    intent: "success",
-                    icon: "clipboard",
-                    timeout: 1000
-                });
-                onClick?.();
-            }, ()=>{
-                toaster?.show({
-                    message: "Failed to copy link",
-                    intent: "danger",
-                    icon: "error",
-                    timeout: 1000
-                });
-            });
-        },
-        ...rest
-    }, children ?? "Copy link");
-}
-function $548387e5996cdbbd$export$e9ff14c4822c2e8c(props) {
-    const { onClose: onClose, position: position, bounds: bounds, zoom: zoom = 7, elevation: elevation, showCopyPositionButton: showCopyPositionButton, fixedHeight: fixedHeight = false, children: children, className: className } = props;
-    let leftButton = null;
-    if (bounds != null || position != null) leftButton = $548387e5996cdbbd$var$h($548387e5996cdbbd$var$PositionButton, {
-        position: position,
-        bounds: bounds,
-        showCopyLink: showCopyPositionButton
-    });
-    return $548387e5996cdbbd$var$h("header.location-panel-header", {
-        className: (0, ($parcel$interopDefault($hshpw$classnames)))(className, {
-            "fixed-height": fixedHeight
-        })
-    }, [
-        leftButton,
-        children,
-        $548387e5996cdbbd$var$h("div.spacer"),
-        $548387e5996cdbbd$var$h.if(position != null)((0, $860d9939f7032c69$exports.LngLatCoords), {
-            position: position,
-            zoom: zoom,
-            className: "infodrawer-header-item"
-        }),
-        $548387e5996cdbbd$var$h.if(elevation != null)((0, $860d9939f7032c69$exports.Elevation), {
-            elevation: elevation,
-            className: "infodrawer-header-item"
-        }),
-        $548387e5996cdbbd$var$h.if(onClose != null)((0, $hshpw$blueprintjscore.Button), {
-            minimal: true,
-            icon: "cross",
-            onClick: onClose
-        })
-    ]);
-}
-
-
-//# sourceMappingURL=map-interface.dcbd3874.js.map

package/dist/cjs/map-interface.dcbd3874.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,SAAS,qCAAe,YAAE,QAAQ,UAAE,MAAM,gBAAE,eAAe,OAAO;IAChE,MAAM,aAAa,CAAA,GAAA,0CAAY,EAAE;IAEjC,MAAM,oBAAoB,CAAA,GAAA,uCAAS,EAAE,eAAe;IAEpD,OAAO,wBAAE,yBAAyB;QAChC,wBAAE,CAAA,GAAA,gDAAkB,GAAG;YAAE,UAAU;oBAAU;wBAAQ;QAAW,GAAG,EAAE;QACrE,wBAAE,EAAE,CAAC,qBAAqB,YAAY,MAAM,sCAAgB;YAC1D,UAAU;QACZ;KACD;AACH;AAEA,SAAS,qCAAe,YAAE,QAAQ,YAAE,QAAQ,WAAE,OAAO,EAAE,GAAG,MAAM;IAC9D,MAAM,UAAU,CAAA,GAAA,wCAAS;IAEzB,IAAI,UAAU,CAAC,WAAW,CAAC;IAC3B,IAAI,YAAY,MACd,WAAW,CAAC,IAAI,EAAE,UAAU;IAE9B,WAAW;IAEX,OAAO,wBACL,CAAA,GAAA,6BAAK,GACL;QACE,WAAW;QACX,WAAW,wBAAE,CAAA,GAAA,2BAAG,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAG;QAC5C,SAAS;QACT,OAAO;QACP;YACE,UAAU,SAAS,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,IAAI,EAAE,IAAI,CACtD;gBACE,SAAS,KAAK;6BACZ;oBACA,QAAQ;oBACR,MAAM;oBACN,SAAS;gBACX;gBACA;YACF,GACA;gBACE,SAAS,KAAK;oBACZ,SAAS;oBACT,QAAQ;oBACR,MAAM;oBACN,SAAS;gBACX;YACF;QAEJ;QACA,GAAG,IAAI;IACT,GACA,YAAY;AAEhB;AAcO,SAAS,0CAAiB,KAA4B;IAC3D,MAAM,WACJ,OAAO,YACP,QAAQ,UACR,MAAM,QACN,OAAO,cACP,SAAS,0BACT,sBAAsB,eACtB,cAAc,iBACd,QAAQ,aACR,SAAS,EACV,GAAG;IAEJ,IAAI,aAAa;IACjB,IAAI,UAAU,QAAQ,YAAY,MAChC,aAAa,wBAAE,sCAAgB;kBAC7B;gBACA;QACA,cAAc;IAChB;IAGF,OAAO,wBACL,gCACA;QACE,WAAW,CAAA,GAAA,2CAAS,EAAE,WAAW;YAAE,gBAAgB;QAAY;IACjE,GACA;QACE;QACA;QACA,wBAAE;QACF,wBAAE,EAAE,CAAC,YAAY,MAAM,CAAA,GAAA,sCAAW,GAAG;sBACnC;kBACA;YACA,WAAW;QACb;QACA,wBAAE,EAAE,CAAC,aAAa,MAAM,CAAA,GAAA,mCAAQ,GAAG;uBACjC;YACA,WAAW;QACb;QACA,wBAAE,EAAE,CAAC,WAAW,MAAM,CAAA,GAAA,6BAAK,GAAG;YAC5B,SAAS;YACT,MAAM;YACN,SAAS;QACX;KACD;AAEL","sources":["packages/map-interface/src/location-panel/header.ts"],"sourcesContent":["import { Icon, Button } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useToaster } from \"@macrostrat/ui-components\";\nimport { LngLatCoords, Elevation } from \"../location-info\";\nimport { LocationFocusButton, useFocusState } from \"@macrostrat/mapbox-react\";\nimport classNames from \"classnames\";\nimport type { ReactNode } from \"react\";\nimport type { LngLatBounds, LngLatLike } from \"mapbox-gl\";\nimport { isCentered } from \"@macrostrat/mapbox-utils\";\n\nconst h = hyper.styled(styles);\n\nfunction PositionButton({ position, bounds, showCopyLink = false }) {\n  const focusState = useFocusState(position);\n\n  const copyLinkIsVisible = isCentered(focusState) && showCopyLink;\n\n  return h(\"div.position-controls\", [\n    h(LocationFocusButton, { location: position, bounds, focusState }, []),\n    h.if(copyLinkIsVisible && position != null)(CopyLinkButton, {\n      itemName: \"position\",\n    }),\n  ]);\n}\n\nfunction CopyLinkButton({ itemName, children, onClick, ...rest }) {\n  const toaster = useToaster();\n\n  let message = `Copied link`;\n  if (itemName != null) {\n    message += ` to ${itemName}`;\n  }\n  message += \"!\";\n\n  return h(\n    Button,\n    {\n      className: \"copy-link-button\",\n      rightIcon: h(Icon, { icon: \"link\", size: 12 }),\n      minimal: true,\n      small: true,\n      onClick() {\n        navigator.clipboard.writeText(window.location.href).then(\n          () => {\n            toaster?.show({\n              message,\n              intent: \"success\",\n              icon: \"clipboard\",\n              timeout: 1000,\n            });\n            onClick?.();\n          },\n          () => {\n            toaster?.show({\n              message: \"Failed to copy link\",\n              intent: \"danger\",\n              icon: \"error\",\n              timeout: 1000,\n            });\n          },\n        );\n      },\n      ...rest,\n    },\n    children ?? \"Copy link\",\n  );\n}\n\nexport interface InfoDrawerHeaderProps {\n  onClose?: () => void;\n  position?: LngLatLike;\n  zoom?: number;\n  elevation?: number;\n  showCopyPositionButton?: boolean;\n  bounds?: LngLatBounds;\n  fixedHeight?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport function InfoDrawerHeader(props: InfoDrawerHeaderProps) {\n  const {\n    onClose,\n    position,\n    bounds,\n    zoom = 7,\n    elevation,\n    showCopyPositionButton,\n    fixedHeight = false,\n    children,\n    className,\n  } = props;\n\n  let leftButton = null;\n  if (bounds != null || position != null) {\n    leftButton = h(PositionButton, {\n      position,\n      bounds,\n      showCopyLink: showCopyPositionButton,\n    });\n  }\n\n  return h(\n    \"header.location-panel-header\",\n    {\n      className: classNames(className, { \"fixed-height\": fixedHeight }),\n    },\n    [\n      leftButton,\n      children,\n      h(\"div.spacer\"),\n      h.if(position != null)(LngLatCoords, {\n        position,\n        zoom,\n        className: \"infodrawer-header-item\",\n      }),\n      h.if(elevation != null)(Elevation, {\n        elevation,\n        className: \"infodrawer-header-item\",\n      }),\n      h.if(onClose != null)(Button, {\n        minimal: true,\n        icon: \"cross\",\n        onClick: onClose,\n      }),\n    ],\n  );\n}\n"],"names":[],"version":3,"file":"map-interface.dcbd3874.js.map"}

package/dist/cjs/map-interface.dfaad4a1.js

@@ -1,36 +0,0 @@
-var $b7B0P$d3format = require("d3-format");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "fmt2", () => $bf943af2b72f182b$export$4c173b1b2f78faf7);
-$parcel$export(module.exports, "fmt1", () => $bf943af2b72f182b$export$e54bbd2c33d17485);
-$parcel$export(module.exports, "fmtInt", () => $bf943af2b72f182b$export$bc135f63e2f56fd4);
-$parcel$export(module.exports, "formatValue", () => $bf943af2b72f182b$export$7c4d25c0c3217d8c);
-
-const $bf943af2b72f182b$export$97c1b10e131a836d = (0, $b7B0P$d3format.format)(".4~f");
-const $bf943af2b72f182b$export$b1cb0f7fb990b3ea = (0, $b7B0P$d3format.format)(".3~f");
-const $bf943af2b72f182b$export$4c173b1b2f78faf7 = (0, $b7B0P$d3format.format)(".2~f");
-const $bf943af2b72f182b$export$e54bbd2c33d17485 = (0, $b7B0P$d3format.format)(".1~f");
-const $bf943af2b72f182b$export$bc135f63e2f56fd4 = (0, $b7B0P$d3format.format)(".0f");
-function $bf943af2b72f182b$export$7c4d25c0c3217d8c(val, precision = 0) {
-    switch(precision){
-        case 4:
-            return $bf943af2b72f182b$export$97c1b10e131a836d(val);
-        case 3:
-            return $bf943af2b72f182b$export$b1cb0f7fb990b3ea(val);
-        case 2:
-            return $bf943af2b72f182b$export$4c173b1b2f78faf7(val);
-        case 1:
-            return $bf943af2b72f182b$export$e54bbd2c33d17485(val);
-        case 0:
-            return $bf943af2b72f182b$export$bc135f63e2f56fd4(val);
-        default:
-            return $bf943af2b72f182b$export$97c1b10e131a836d(val);
-    }
-}
-
-
-//# sourceMappingURL=map-interface.dfaad4a1.js.map

package/dist/cjs/map-interface.dfaad4a1.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;AAEO,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAS,CAAA,GAAA,sBAAK,EAAE;AAEtB,SAAS,0CAAY,GAAW,EAAE,YAAoB,CAAC;IAC5D,OAAQ;QACN,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAO;QAChB;YACE,OAAO,0CAAK;IAChB;AACF","sources":["packages/map-interface/src/location-info/utils.ts"],"sourcesContent":["import { format } from \"d3-format\";\n\nexport const fmt4 = format(\".4~f\");\nexport const fmt3 = format(\".3~f\");\nexport const fmt2 = format(\".2~f\");\nexport const fmt1 = format(\".1~f\");\nexport const fmtInt = format(\".0f\");\n\nexport function formatValue(val: number, precision: number = 0): string {\n  switch (precision) {\n    case 4:\n      return fmt4(val);\n    case 3:\n      return fmt3(val);\n    case 2:\n      return fmt2(val);\n    case 1:\n      return fmt1(val);\n    case 0:\n      return fmtInt(val);\n    default:\n      return fmt4(val);\n  }\n}\n"],"names":[],"version":3,"file":"map-interface.dfaad4a1.js.map"}

package/dist/cjs/map-interface.e74ded77.js

@@ -1,135 +0,0 @@
-var $73aabf7647b274a0$exports = require("./map-interface.46d1c77b.js");
-require("./map-interface.633d24e6.css");
-var $b0574d39c6815cee$exports = require("./map-interface.1faa2839.js");
-var $fgVtr$react = require("react");
-var $fgVtr$blueprintjscore = require("@blueprintjs/core");
-var $fgVtr$macrostrathyper = require("@macrostrat/hyper");
-
-
-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, "default", () => $b1ec19a5a7a9fdca$export$2e2bcd8739ae039);
-
-
-
-
-
-const $b1ec19a5a7a9fdca$var$h = (0, ($parcel$interopDefault($fgVtr$macrostrathyper))).styled((0, ($parcel$interopDefault($b0574d39c6815cee$exports))));
-function $b1ec19a5a7a9fdca$export$2e2bcd8739ae039({ data: data }) {
-    if (data == null) return null;
-    return $b1ec19a5a7a9fdca$var$h("div.collections", data.map((col, ix)=>$b1ec19a5a7a9fdca$var$h($b1ec19a5a7a9fdca$var$FossilCollection, {
-            key: ix,
-            col: col
-        })));
-}
-function $b1ec19a5a7a9fdca$var$FossilCollection({ col: col }) {
-    let occurrenceTree = (0, $73aabf7647b274a0$exports.makeOccurrenceTree)(col.occurrences);
-    return $b1ec19a5a7a9fdca$var$h("div.fossil-collection", /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement((0, ($parcel$interopDefault($fgVtr$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement($b1ec19a5a7a9fdca$var$Header, {
-        col: col
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement((0, $fgVtr$blueprintjscore.Tabs), null, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement((0, $fgVtr$blueprintjscore.Tab), {
-        title: "Info",
-        panel: /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement($b1ec19a5a7a9fdca$var$InfoPanel, {
-            col: col
-        }),
-        id: "info"
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement((0, $fgVtr$blueprintjscore.Tab), {
-        id: "occ",
-        title: `Occurrences (${col.occurrences.length})`,
-        disabled: col.occurrences.length == 0,
-        panel: /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement($b1ec19a5a7a9fdca$var$OccurencesPanel, {
-            occurrenceTree: occurrenceTree
-        })
-    }))));
-}
-function $b1ec19a5a7a9fdca$var$CollectionNumber({ col: col }) {
-    const num = col.oid.replace("col:", "");
-    return $b1ec19a5a7a9fdca$var$h("div.collection-number", [
-        $b1ec19a5a7a9fdca$var$h("span.collection-number-prefix", "#"),
-        $b1ec19a5a7a9fdca$var$h("a", {
-            href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${num}`,
-            target: "_blank"
-        }, num)
-    ]);
-}
-function $b1ec19a5a7a9fdca$var$Header({ col: col }) {
-    return $b1ec19a5a7a9fdca$var$h("div.pbdb-panel-header", [
-        $b1ec19a5a7a9fdca$var$h.if(col.nam)("h4", {}, col.nam),
-        $b1ec19a5a7a9fdca$var$h.if(col.oid)($b1ec19a5a7a9fdca$var$CollectionNumber, {
-            col: col
-        })
-    ]);
-}
-function $b1ec19a5a7a9fdca$var$InfoPanel(props) {
-    const { col: col } = props;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", null, col.oei && /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        className: "attr"
-    }, "Age: "), " ", col.oei, " (", col.lag, " - ", col.lag, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        className: "age-chip-ma"
-    }, "Ma"), ")"), col.sgr && /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        className: "attr"
-    }, "Group: "), " ", col.sgr), col.sfm && /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        className: "attr"
-    }, "Formation: "), " ", col.sfm), col.lt1 && /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        className: "attr"
-    }, "Lithology: "), " ", col.la1 ? col.la1 : "", " ", col.lf1 ? col.lf1 : "", " ", col.lt1.replace('"', ""), " ", col.lt2 ? ", " : "", col.la2 ? col.la2 : "", " ", col.lf2 ? col.lf2 : "", " ", col.lt2), col.env && /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        className: "attr"
-    }, "Environment: "), " ", col.env), col.ref && /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-        className: "reference map-source-attr"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        className: "attr"
-    }, "Reference: "), " ", /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("span", {
-        dangerouslySetInnerHTML: {
-            __html: col.ref
-        }
-    })));
-}
-function $b1ec19a5a7a9fdca$var$OccurencesPanel(props) {
-    const { occurrenceTree: occurrenceTree } = props;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", null, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("ul", {
-        className: "taxon-list phylum-list"
-    }, occurrenceTree.phyla.map((phylum, pidx)=>{
-        return /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-            key: pidx,
-            className: "phyla"
-        }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("li", null, phylum.phylum), /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("ul", {
-            className: "taxon-list"
-        }, phylum.classes.map((cls, clsidx)=>{
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-                key: clsidx,
-                className: "classes"
-            }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("li", null, cls.nameClass), /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("ul", {
-                className: "taxon-list"
-            }, cls.families.map((family, familyidx)=>{
-                return /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("div", {
-                    key: familyidx,
-                    className: "families"
-                }, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("li", null, family.family), /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("ul", {
-                    className: "taxon-list genera"
-                }, family.genera.map((genus, genusidx)=>{
-                    return /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("li", {
-                        key: genusidx
-                    }, genus.old_name ? '"' + genus.old_name + '" - ' : "", genus.genusRes ? genus.genusRes : " ", genus.display_name1, /*#__PURE__*/ (0, ($parcel$interopDefault($fgVtr$react))).createElement("i", null, genus.display_name2 ? genus.display_name2 : "", genus.display_name3 ? genus.display_name3 : ""));
-                })));
-            })));
-        })));
-    })));
-}
-
-
-//# sourceMappingURL=map-interface.e74ded77.js.map

package/dist/cjs/map-interface.e74ded77.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/location-details/fossil-collections/collections.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tabs, Tab } from \"@blueprintjs/core\";\nimport { makeOccurrenceTree } from \"../utils\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nconst h = hyper.styled(styles);\n\nexport default function PBDBCollections({ data }) {\n  if (data == null) return null;\n  return h(\n    \"div.collections\",\n    data.map((col, ix) => h(FossilCollection, { key: ix, col })),\n  );\n}\n\nfunction FossilCollection({ col }) {\n  let occurrenceTree = makeOccurrenceTree(col.occurrences);\n  return h(\n    \"div.fossil-collection\",\n    <>\n      <Header col={col} />\n      <Tabs>\n        <Tab title=\"Info\" panel={<InfoPanel col={col} />} id=\"info\" />\n        <Tab\n          id=\"occ\"\n          title={`Occurrences (${col.occurrences.length})`}\n          disabled={col.occurrences.length == 0}\n          panel={<OccurencesPanel occurrenceTree={occurrenceTree} />}\n        />\n      </Tabs>\n    </>,\n  );\n}\n\nfunction CollectionNumber({ col }) {\n  const num = col.oid.replace(\"col:\", \"\");\n  return h(\"div.collection-number\", [\n    h(\"span.collection-number-prefix\", \"#\"),\n    h(\n      \"a\",\n      {\n        href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${num}`,\n        target: \"_blank\",\n      },\n      num,\n    ),\n  ]);\n}\n\nfunction Header({ col }) {\n  return h(\"div.pbdb-panel-header\", [\n    h.if(col.nam)(\"h4\", {}, col.nam),\n    h.if(col.oid)(CollectionNumber, { col }),\n  ]);\n}\n\nfunction InfoPanel(props) {\n  const { col } = props;\n\n  return (\n    <div>\n      {col.oei && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Age: </span> {col.oei} ({col.lag} - {col.lag}\n          <span className=\"age-chip-ma\">Ma</span>)\n        </div>\n      )}\n      {col.sgr && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Group: </span> {col.sgr}\n        </div>\n      )}\n      {col.sfm && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Formation: </span> {col.sfm}\n        </div>\n      )}\n      {col.lt1 && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Lithology: </span> {col.la1 ? col.la1 : \"\"}{\" \"}\n          {col.lf1 ? col.lf1 : \"\"} {col.lt1.replace('\"', \"\")}{\" \"}\n          {col.lt2 ? \", \" : \"\"}\n          {col.la2 ? col.la2 : \"\"} {col.lf2 ? col.lf2 : \"\"} {col.lt2}\n        </div>\n      )}\n      {col.env && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Environment: </span> {col.env}\n        </div>\n      )}\n      {col.ref && (\n        <div className=\"reference map-source-attr\">\n          <span className=\"attr\">Reference: </span>{\" \"}\n          <span dangerouslySetInnerHTML={{ __html: col.ref }}></span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction OccurencesPanel(props) {\n  const { occurrenceTree } = props;\n\n  return (\n    <div>\n      <ul className=\"taxon-list phylum-list\">\n        {occurrenceTree.phyla.map((phylum, pidx) => {\n          return (\n            <div key={pidx} className=\"phyla\">\n              <li>{phylum.phylum}</li>\n              <ul className=\"taxon-list\">\n                {phylum.classes.map((cls, clsidx) => {\n                  return (\n                    <div key={clsidx} className=\"classes\">\n                      <li>{cls.nameClass}</li>\n                      <ul className=\"taxon-list\">\n                        {cls.families.map((family, familyidx) => {\n                          return (\n                            <div key={familyidx} className=\"families\">\n                              <li>{family.family}</li>\n                              <ul className=\"taxon-list genera\">\n                                {family.genera.map((genus, genusidx) => {\n                                  return (\n                                    <li key={genusidx}>\n                                      {genus.old_name\n                                        ? '\"' + genus.old_name + '\" - '\n                                        : \"\"}\n                                      {genus.genusRes ? genus.genusRes : \" \"}\n                                      {genus.display_name1}\n                                      <i>\n                                        {genus.display_name2\n                                          ? genus.display_name2\n                                          : \"\"}\n                                        {genus.display_name3\n                                          ? genus.display_name3\n                                          : \"\"}\n                                      </i>\n                                    </li>\n                                  );\n                                })}\n                              </ul>\n                            </div>\n                          );\n                        })}\n                      </ul>\n                    </div>\n                  );\n                })}\n              </ul>\n            </div>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"map-interface.e74ded77.js.map"}

package/dist/cjs/map-interface.e975d65c.js

@@ -1,23 +0,0 @@
-var $7RWcC$d3format = require("d3-format");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "addCommas", () => $63b10b76eb2d903b$export$b6fe44657ce35c42);
-
-const $63b10b76eb2d903b$export$97c1b10e131a836d = (0, $7RWcC$d3format.format)(".4~f");
-const $63b10b76eb2d903b$export$b1cb0f7fb990b3ea = (0, $7RWcC$d3format.format)(".3~f");
-const $63b10b76eb2d903b$export$4c173b1b2f78faf7 = (0, $7RWcC$d3format.format)(".2~f");
-const $63b10b76eb2d903b$export$e54bbd2c33d17485 = (0, $7RWcC$d3format.format)(".1~f");
-const $63b10b76eb2d903b$export$bc135f63e2f56fd4 = (0, $7RWcC$d3format.format)(".0f");
-const $63b10b76eb2d903b$export$b6fe44657ce35c42 = (x)=>{
-    x = parseInt(x);
-    var parts = x.toString().split(".");
-    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    return parts.join(".");
-};
-
-
-//# sourceMappingURL=map-interface.e975d65c.js.map

package/dist/cjs/map-interface.e975d65c.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAEO,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,sBAAK,EAAE;AACpB,MAAM,4CAAS,CAAA,GAAA,sBAAK,EAAE;AAEtB,MAAM,4CAAY,CAAC;IACxB,IAAI,SAAS;IACb,IAAI,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC/B,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,yBAAyB;IACrD,OAAO,MAAM,IAAI,CAAC;AACpB","sources":["packages/map-interface/src/location-details/utils/formatting.ts"],"sourcesContent":["import { format } from \"d3-format\";\n\nexport const fmt4 = format(\".4~f\");\nexport const fmt3 = format(\".3~f\");\nexport const fmt2 = format(\".2~f\");\nexport const fmt1 = format(\".1~f\");\nexport const fmtInt = format(\".0f\");\n\nexport const addCommas = (x) => {\n  x = parseInt(x);\n  var parts = x.toString().split(\".\");\n  parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n  return parts.join(\".\");\n};\n"],"names":[],"version":3,"file":"map-interface.e975d65c.js.map"}

package/dist/cjs/map-interface.e9bcd5c0.js

@@ -1,268 +0,0 @@
-var $33088e8384af337c$exports = require("./map-interface.abe5fe65.js");
-require("./map-interface.26497065.css");
-var $750d69d73bfbdc9a$exports = require("./map-interface.354aaa39.js");
-var $dHcMG$blueprintjscore = require("@blueprintjs/core");
-var $dHcMG$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $dHcMG$macrostrathyper = require("@macrostrat/hyper");
-var $dHcMG$react = require("react");
-var $dHcMG$macrostratuicomponents = require("@macrostrat/ui-components");
-var $dHcMG$d3array = require("d3-array");
-
-
-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, "FeatureProperties", () => $db14eb7a5c07abdb$export$2906e7f4b228efe9);
-$parcel$export(module.exports, "FeatureRecord", () => $db14eb7a5c07abdb$export$dc87b4d46cea200d);
-$parcel$export(module.exports, "FeatureSelectionHandler", () => $db14eb7a5c07abdb$export$214daccdda0f4ac6);
-$parcel$export(module.exports, "Features", () => $db14eb7a5c07abdb$export$617d79dae526d2cf);
-$parcel$export(module.exports, "TileInfo", () => $db14eb7a5c07abdb$export$43c75dec9d0b96c);
-$parcel$export(module.exports, "FeaturePanel", () => $db14eb7a5c07abdb$export$43277c51a01761c1);
-
-
-
-
-
-
-
-
-const $db14eb7a5c07abdb$var$h = (0, ($parcel$interopDefault($dHcMG$macrostrathyper))).styled((0, ($parcel$interopDefault($33088e8384af337c$exports))));
-function $db14eb7a5c07abdb$export$2906e7f4b228efe9({ data: data, ...rest }) {
-    // Instead of managing hover state with CSS, we use a state variable,
-    // so that the button re-renders when the state changes
-    const [showControls, setShowControls] = (0, $dHcMG$react.useState)(false);
-    const onMouseEnter = (0, $dHcMG$react.useCallback)(()=>setShowControls(true), []);
-    const onMouseLeave = (0, $dHcMG$react.useCallback)(()=>setShowControls(false), []);
-    return $db14eb7a5c07abdb$var$h("div.feature-properties", {
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave
-    }, [
-        $db14eb7a5c07abdb$var$h.if(showControls)("div.controls", $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$CopyJSONButton, {
-            data: data
-        })),
-        $db14eb7a5c07abdb$var$h((0, $dHcMG$macrostratuicomponents.JSONView), {
-            data: data,
-            hideRoot: true,
-            ...rest
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$export$dc87b4d46cea200d({ feature: feature }) {
-    const props = feature.properties;
-    return $db14eb7a5c07abdb$var$h("div.feature-record", [
-        $db14eb7a5c07abdb$var$h.if(Object.keys(props).length > 0)($db14eb7a5c07abdb$export$2906e7f4b228efe9, {
-            data: props
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$var$CopyJSONButton({ data: data }) {
-    const [copied, setCopied] = (0, $dHcMG$react.useState)(false);
-    return $db14eb7a5c07abdb$var$h((0, $dHcMG$blueprintjscore.Button), {
-        icon: copied ? "tick" : "clipboard",
-        intent: copied ? (0, $dHcMG$blueprintjscore.Intent).SUCCESS : (0, $dHcMG$blueprintjscore.Intent).NONE,
-        minimal: true,
-        small: true,
-        onClick () {
-            navigator.clipboard.writeText(JSON.stringify(data, null, 2));
-            setCopied(true);
-        }
-    });
-}
-function $db14eb7a5c07abdb$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {
-    const mapRef = (0, $dHcMG$macrostratmapboxreact.useMapRef)();
-    const isLoading = (0, $dHcMG$macrostratmapboxreact.useMapStatus)((s)=>s.isLoading);
-    const isInitialized = (0, $dHcMG$macrostratmapboxreact.useMapStatus)((s)=>s.isInitialized);
-    const prevLocation = (0, $dHcMG$react.useRef)(null);
-    const prevFeatures = (0, $dHcMG$react.useRef)([]);
-    (0, $dHcMG$react.useEffect)(()=>{
-        const map = mapRef?.current;
-        if (map == null) return;
-        if (selectedLocation == null) {
-            setFeatures(null);
-            return;
-        }
-        if (!isInitialized) return;
-        const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;
-        const locationMemo = JSON.stringify(selectedLocation);
-        if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures) return;
-        prevLocation.current = locationMemo;
-        // Don't update if the location hasn't changed
-        //if (selectedLocation == prevLocation) return;
-        const r = radius;
-        const pt = map.project(selectedLocation);
-        const bbox = [
-            [
-                pt.x - r,
-                pt.y - r
-            ],
-            [
-                pt.x + r,
-                pt.y + r
-            ]
-        ];
-        const features = map.queryRenderedFeatures(bbox);
-        prevFeatures.current = features ?? [];
-        setFeatures(features);
-    }, [
-        isInitialized,
-        selectedLocation,
-        isLoading
-    ]);
-    return null;
-}
-function $db14eb7a5c07abdb$var$FeatureHeader({ feature: feature }) {
-    return $db14eb7a5c07abdb$var$h("div.feature-header", [
-        $db14eb7a5c07abdb$var$h("h3", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "Source",
-                value: feature.source
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "Source layer",
-                value: feature.sourceLayer
-            })
-        ])
-    ]);
-}
-function $db14eb7a5c07abdb$var$KeyValue({ label: label, value: value }) {
-    return $db14eb7a5c07abdb$var$h("span.key-value", [
-        $db14eb7a5c07abdb$var$h("span.key", label),
-        $db14eb7a5c07abdb$var$h("code.value", value)
-    ]);
-}
-function $db14eb7a5c07abdb$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {
-    const map = (0, $dHcMG$macrostratmapboxreact.useMapRef)();
-    if (map?.current == null) return null;
-    const [isLoaded, setIsLoaded] = (0, $dHcMG$react.useState)(false);
-    const sourceFeatures = features.filter((d)=>d.source == "burwell");
-    (0, $dHcMG$react.useEffect)(()=>{
-        if (sourceFeatures.length > 0) {
-            setIsLoaded(true);
-            return;
-        }
-        const isLoaded = map.current.isSourceLoaded(sourceID);
-        setIsLoaded(isLoaded);
-        if (!isLoaded) map.current.once("sourcedata", (e)=>{
-            if (e.sourceId == sourceID) setIsLoaded(true);
-        });
-    }, [
-        map.current,
-        sourceID,
-        sourceFeatures.length
-    ]);
-    if (!isLoaded) return $db14eb7a5c07abdb$var$h((0, $dHcMG$blueprintjscore.Spinner));
-    return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
-        features: sourceFeatures
-    });
-}
-function $db14eb7a5c07abdb$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {
-    if (feature == null) return null;
-    const size = feature._vectorTileFeature._pbf.length;
-    return $db14eb7a5c07abdb$var$h("div.tile-info", [
-        $db14eb7a5c07abdb$var$h("h3", "Tile"),
-        $db14eb7a5c07abdb$var$h("div.tile-index", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "x",
-                value: feature._x
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "y",
-                value: feature._y
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "z",
-                value: feature._z
-            })
-        ]),
-        $db14eb7a5c07abdb$var$h("div.spacer"),
-        $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-            label: "Size",
-            value: $db14eb7a5c07abdb$var$formatSize(size)
-        }),
-        $db14eb7a5c07abdb$var$h((0, $dHcMG$blueprintjscore.Switch), {
-            label: "Show extent",
-            alignIndicator: "right",
-            checked: showExtent,
-            onChange () {
-                setShowExtent(!showExtent);
-            }
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$var$formatSize(size) {
-    if (size > 1000000) return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$UnitNumber, {
-        value: size / 1000000,
-        unit: "Mb"
-    });
-    if (size > 1000) return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$UnitNumber, {
-        value: size / 1000,
-        unit: "Kb"
-    });
-    return `${size} bytes`;
-}
-function $db14eb7a5c07abdb$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {
-    return $db14eb7a5c07abdb$var$h("span.unit-number", [
-        $db14eb7a5c07abdb$var$h("span.number", value.toFixed(precision)),
-        $db14eb7a5c07abdb$var$h("span.unit", unit)
-    ]);
-}
-function $db14eb7a5c07abdb$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null }) {
-    if (features == null) return null;
-    let focusedSourcePanel = null;
-    let filteredFeatures = features;
-    let title = "Features";
-    if (focusedSource != null) {
-        title = "Basemap features";
-        focusedSourcePanel = $db14eb7a5c07abdb$var$h((0, $750d69d73bfbdc9a$exports.ExpansionPanel), {
-            title: focusedSourceTitle ?? "Macrostrat features",
-            className: "macrostrat-features",
-            expanded: true
-        }, [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$LoadingAwareFeatureSet, {
-                features: features,
-                sourceID: focusedSource
-            })
-        ]);
-        filteredFeatures = features.filter((d)=>d.source != focusedSource);
-    }
-    return $db14eb7a5c07abdb$var$h("div.feature-panel", [
-        focusedSourcePanel,
-        $db14eb7a5c07abdb$var$h((0, $750d69d73bfbdc9a$exports.ExpansionPanel), {
-            title: title,
-            className: "basemap-features",
-            expanded: focusedSource == null
-        }, [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureGroups, {
-                features: filteredFeatures
-            })
-        ])
-    ]);
-}
-function $db14eb7a5c07abdb$var$FeatureGroups({ features: features }) {
-    /** Group features by source and sourceLayer */ if (features == null) return null;
-    const groups = (0, $dHcMG$d3array.group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);
-    return $db14eb7a5c07abdb$var$h("div.feature-groups", Array.from(groups).map(([key, features])=>{
-        return $db14eb7a5c07abdb$var$h("div.feature-group", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureHeader, {
-                feature: features[0]
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
-                features: features
-            })
-        ]);
-    }));
-}
-function $db14eb7a5c07abdb$export$617d79dae526d2cf({ features: features }) {
-    return $db14eb7a5c07abdb$var$h("div.features", features.map((feature, i)=>$db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$dc87b4d46cea200d, {
-            key: i,
-            feature: feature
-        })));
-}
-
-
-//# sourceMappingURL=map-interface.e9bcd5c0.js.map