@macrostrat/map-interface 1.0.12 → 1.2.0

package/dist/cjs/header.58c5c012.js

@@ -0,0 +1,104 @@
+require("./main.module.02c4de16.css");
+var $a8d7c4c397e52cf6$exports = require("./main.module.3f2b7c9f.js");
+var $860d9939f7032c69$exports = require("./location-info.92e70042.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");
+
+
+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$macrostratmapboxreact.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, children: children } = 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", [
+        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=header.58c5c012.js.map

package/dist/cjs/header.58c5c012.js.map

@@ -0,0 +1 @@
+{"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;AAWO,SAAS,0CAAiB,KAA4B;IAC3D,MAAM,WACJ,OAAO,YACP,QAAQ,UACR,MAAM,QACN,OAAO,cACP,SAAS,0BACT,sBAAsB,YACtB,QAAQ,EACT,GAAG;IAEJ,IAAI,aAAa;IACjB,IAAI,UAAU,QAAQ,YAAY,MAChC,aAAa,wBAAE,sCAAgB;kBAC7B;gBACA;QACA,cAAc;IAChB;IAGF,OAAO,wBAAE,gCAAgC;QACvC;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;AACH","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 {\n  LocationFocusButton,\n  useFocusState,\n  isCentered,\n} from \"@macrostrat/mapbox-react\";\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?: mapboxgl.LngLat;\n  zoom?: number;\n  elevation?: number;\n  showCopyPositionButton?: boolean;\n  bounds?: mapboxgl.LngLatBounds;\n}\n\nexport function InfoDrawerHeader(props: InfoDrawerHeaderProps) {\n  const {\n    onClose,\n    position,\n    bounds,\n    zoom = 7,\n    elevation,\n    showCopyPositionButton,\n    children,\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(\"header.location-panel-header\", [\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"],"names":[],"version":3,"file":"header.58c5c012.js.map"}

package/dist/cjs/headers.20eae5f7.js

@@ -0,0 +1,29 @@
+var $b1c160aff794b8f5$exports = require("./main.module.4ecbaaa5.js");
+require("./main.module.ff1b1aca.css");
+var $br79r$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, "PanelSubhead", () => $a0970d22776f9f4c$export$ed081779ec3709aa);
+
+
+const $a0970d22776f9f4c$var$h = (0, ($parcel$interopDefault($br79r$macrostrathyper))).styled((0, ($parcel$interopDefault($b1c160aff794b8f5$exports))));
+function $a0970d22776f9f4c$export$ed081779ec3709aa(props) {
+    const { title: title, component: component = "h3", children: children, ...rest } = props;
+    return $a0970d22776f9f4c$var$h("div.panel-subhead", rest, [
+        $a0970d22776f9f4c$var$h(component, {
+            className: "title"
+        }, title),
+        children
+    ]);
+}
+
+
+//# sourceMappingURL=headers.20eae5f7.js.map

package/dist/cjs/headers.20eae5f7.js.map

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

package/dist/cjs/helpers.0f72ddaf.js

@@ -0,0 +1,190 @@
+var $3490fc4f4bda12f7$exports = require("./utils.26f02633.js");
+var $dSfMz$macrostratmapboxreact = require("@macrostrat/mapbox-react");
+var $dSfMz$react = require("react");
+var $dSfMz$underscore = require("underscore");
+var $dSfMz$useresizeobserver = require("use-resize-observer");
+var $dSfMz$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
+var $dSfMz$macrostratuicomponents = require("@macrostrat/ui-components");
+
+
+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, "MapResizeManager", () => $2611a7b4364593e5$export$31b2e088aff2dc5d);
+$parcel$export(module.exports, "MapPaddingManager", () => $2611a7b4364593e5$export$2ab96428dea558d6);
+$parcel$export(module.exports, "MapMovedReporter", () => $2611a7b4364593e5$export$f6eeee399afc4e9a);
+$parcel$export(module.exports, "MapLoadingReporter", () => $2611a7b4364593e5$export$e57f9eaa51773f82);
+$parcel$export(module.exports, "MapMarker", () => $2611a7b4364593e5$export$5c90a91c7455938c);
+$parcel$export(module.exports, "useBasicStylePair", () => $2611a7b4364593e5$export$566518253d2584f8);
+
+
+
+
+
+
+
+function $2611a7b4364593e5$export$31b2e088aff2dc5d({ containerRef: containerRef }) {
+    const mapRef = (0, $dSfMz$macrostratmapboxreact.useMapRef)();
+    const debouncedResize = (0, $dSfMz$react.useRef)((0, $dSfMz$underscore.debounce)(()=>{
+        mapRef.current?.resize();
+    }, 100));
+    (0, ($parcel$interopDefault($dSfMz$useresizeobserver)))({
+        ref: containerRef,
+        onResize: debouncedResize.current
+    });
+    return null;
+}
+function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition, debounceTime: debounceTime = 200 }) {
+    const mapRef = (0, $dSfMz$macrostratmapboxreact.useMapRef)();
+    const [padding, setPadding] = (0, $dSfMz$react.useState)((0, $3490fc4f4bda12f7$exports.getMapPadding)(containerRef, parentRef));
+    const _updateMapPadding = (0, $dSfMz$react.useCallback)(()=>{
+        const newPadding = (0, $3490fc4f4bda12f7$exports.getMapPadding)(containerRef, parentRef);
+        setPadding(newPadding);
+    }, [
+        containerRef.current,
+        parentRef.current
+    ]);
+    const updateMapPadding = (0, $dSfMz$react.useMemo)(()=>(0, $dSfMz$underscore.debounce)(_updateMapPadding, debounceTime), [
+        _updateMapPadding,
+        debounceTime
+    ]);
+    (0, $dSfMz$react.useEffect)(()=>{
+        const map = mapRef.current;
+        if (map == null) return;
+        // Update map padding on load
+        updateMapPadding();
+    }, [
+        mapRef.current
+    ]);
+    (0, ($parcel$interopDefault($dSfMz$useresizeobserver)))({
+        ref: parentRef,
+        onResize (sz) {
+            updateMapPadding();
+        },
+        round (n) {
+            return Math.round(n);
+        }
+    });
+    // Ideally, we would not have to do this when we know the infobox is loaded
+    (0, $dSfMz$macrostratmapboxreact.useMapEaseTo)({
+        center: infoMarkerPosition,
+        padding: padding
+    });
+    return null;
+}
+function $2611a7b4364593e5$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null }) {
+    const mapRef = (0, $dSfMz$macrostratmapboxreact.useMapRef)();
+    const dispatch = (0, $dSfMz$macrostratmapboxreact.useMapDispatch)();
+    const isInitialized = (0, $dSfMz$macrostratmapboxreact.useMapInitialized)();
+    const mapMovedCallback = (0, $dSfMz$react.useCallback)(()=>{
+        const map = mapRef.current;
+        if (map == null) return;
+        const mapPosition = (0, $dSfMz$macrostratmapboxutils.getMapPosition)(map);
+        dispatch({
+            type: "map-moved",
+            payload: mapPosition
+        });
+        onMapMoved?.(mapPosition, map);
+    }, [
+        onMapMoved,
+        dispatch,
+        isInitialized
+    ]);
+    (0, $dSfMz$react.useEffect)(()=>{
+        // Get the current value of the map. Useful for gradually moving away
+        // from class component
+        const map = mapRef.current;
+        if (map == null) return;
+        // Update the URI when the map moves
+        mapMovedCallback();
+        const cb = (0, $dSfMz$underscore.debounce)(mapMovedCallback, 100);
+        map.on("moveend", cb);
+        return ()=>{
+            map?.off("moveend", cb);
+        };
+    }, [
+        mapMovedCallback
+    ]);
+    return null;
+}
+function $2611a7b4364593e5$export$e57f9eaa51773f82({ ignoredSources: ignoredSources, onMapLoading: onMapLoading = null, onMapIdle: onMapIdle = null, mapIsLoading: mapIsLoading }) {
+    const mapRef = (0, $dSfMz$macrostratmapboxreact.useMapRef)();
+    const loadingRef = (0, $dSfMz$react.useRef)(false);
+    const dispatch = (0, $dSfMz$macrostratmapboxreact.useMapDispatch)();
+    const isInitialized = (0, $dSfMz$macrostratmapboxreact.useMapInitialized)();
+    (0, $dSfMz$react.useEffect)(()=>{
+        const map = mapRef.current;
+        const mapIsLoading = loadingRef.current;
+        if (map == null) return;
+        let didSendLoading = false;
+        const loadingCallback = (evt)=>{
+            if (ignoredSources.includes(evt.sourceId) || mapIsLoading) return;
+            if (didSendLoading) return;
+            onMapLoading?.(evt);
+            dispatch({
+                type: "set-loading",
+                payload: true
+            });
+            loadingRef.current = true;
+            didSendLoading = true;
+        };
+        const idleCallback = (evt)=>{
+            if (!mapIsLoading) 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 $2611a7b4364593e5$export$5c90a91c7455938c({ position: position, setPosition: setPosition, centerMarker: centerMarker = true }) {
+    const mapRef = (0, $dSfMz$macrostratmapboxreact.useMapRef)();
+    const markerRef = (0, $dSfMz$react.useRef)(null);
+    const isInitialized = (0, $dSfMz$macrostratmapboxreact.useMapInitialized)();
+    (0, $3490fc4f4bda12f7$exports.useMapMarker)(mapRef, markerRef, position);
+    (0, $dSfMz$react.useEffect)(()=>{
+        const map = mapRef.current;
+        if (map == null || setPosition == null) return;
+        const handleMapClick = (event)=>{
+            setPosition(event.lngLat, event, mapRef.current);
+            // We should integrate this with the "easeToCenter" hook
+            if (centerMarker) mapRef.current?.flyTo({
+                center: event.lngLat,
+                duration: 800
+            });
+        };
+        map.on("click", handleMapClick);
+        return ()=>{
+            map?.off("click", handleMapClick);
+        };
+    }, [
+        setPosition,
+        isInitialized
+    ]);
+    return null;
+}
+function $2611a7b4364593e5$export$566518253d2584f8() {
+    const inDarkMode = (0, $dSfMz$macrostratuicomponents.useInDarkMode)();
+    return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
+}
+
+
+//# sourceMappingURL=helpers.0f72ddaf.js.map

package/dist/cjs/helpers.0f72ddaf.js.map

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

package/dist/cjs/index.js

@@ -0,0 +1,51 @@
+var $fce5fc950d1fe35b$exports = require("./context-panel.8c4b009c.js");
+var $2bc7c1e4e7da7fdf$exports = require("./location-panel.c95f5e96.js");
+var $9acbb47bf7cb7660$exports = require("./dev.7499151f.js");
+var $c3311f59335df34d$exports = require("./container.72611900.js");
+var $12b6032029db16d4$exports = require("./map-view.93363b41.js");
+var $f333fe6f49373ca9$exports = require("./controls.7ce3e95c.js");
+var $2611a7b4364593e5$exports = require("./helpers.0f72ddaf.js");
+var $3490fc4f4bda12f7$exports = require("./utils.26f02633.js");
+var $860d9939f7032c69$exports = require("./location-info.92e70042.js");
+var $750d69d73bfbdc9a$exports = require("./expansion-panel.08532cee.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+
+
+
+
+
+
+
+
+$parcel$exportWildcard(module.exports, $fce5fc950d1fe35b$exports);
+$parcel$exportWildcard(module.exports, $2bc7c1e4e7da7fdf$exports);
+$parcel$exportWildcard(module.exports, $9acbb47bf7cb7660$exports);
+$parcel$exportWildcard(module.exports, $c3311f59335df34d$exports);
+$parcel$exportWildcard(module.exports, $12b6032029db16d4$exports);
+$parcel$exportWildcard(module.exports, $f333fe6f49373ca9$exports);
+$parcel$exportWildcard(module.exports, $2611a7b4364593e5$exports);
+$parcel$exportWildcard(module.exports, $3490fc4f4bda12f7$exports);
+$parcel$exportWildcard(module.exports, $860d9939f7032c69$exports);
+$parcel$exportWildcard(module.exports, $750d69d73bfbdc9a$exports);
+
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/map-interface/src/index.ts"],"sourcesContent":["export * from \"./context-panel\";\nexport * from \"./location-panel\";\nexport * from \"./dev\";\nexport * from \"./container\";\nexport * from \"./map-view\";\nexport * from \"./controls\";\nexport * from \"./helpers\";\nexport * from \"./utils\";\nexport * from \"./location-info\";\nexport * from \"./expansion-panel\";\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/cjs/location-info.92e70042.js

@@ -0,0 +1,119 @@
+var $bf943af2b72f182b$exports = require("./utils.09cef979.js");
+var $370ea7ef3413c03a$exports = require("./hash-string.62e84f08.js");
+var $eMimP$macrostrathyper = require("@macrostrat/hyper");
+var $eMimP$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ValueWithUnit", () => $860d9939f7032c69$export$716098b85fd0efdf);
+$parcel$export(module.exports, "DegreeCoord", () => $860d9939f7032c69$export$af8082af0bea3eb1);
+$parcel$export(module.exports, "LngLatCoords", () => $860d9939f7032c69$export$f195b3550849e560);
+$parcel$export(module.exports, "Elevation", () => $860d9939f7032c69$export$58bfb4f6ec5aa58d);
+
+
+
+
+function $860d9939f7032c69$export$716098b85fd0efdf(props) {
+    const { value: value, unit: unit } = props;
+    return (0, ($parcel$interopDefault($eMimP$macrostrathyper)))("span.value-with-unit", [
+        (0, ($parcel$interopDefault($eMimP$macrostrathyper)))("span.value", [
+            value
+        ]),
+        (0, ($parcel$interopDefault($eMimP$macrostrathyper)))("span.spacer", [
+            " "
+        ]),
+        (0, ($parcel$interopDefault($eMimP$macrostrathyper)))("span.unit", [
+            unit
+        ])
+    ]);
+}
+function $860d9939f7032c69$export$af8082af0bea3eb1(props) {
+    const { value: value, labels: labels, precision: precision = 3, format: format = (0, $bf943af2b72f182b$exports.formatValue) } = props;
+    const direction = value < 0 ? labels[1] : labels[0];
+    return (0, ($parcel$interopDefault($eMimP$macrostrathyper)))($860d9939f7032c69$export$716098b85fd0efdf, {
+        value: format(Math.abs(value), precision) + "\xb0",
+        unit: direction
+    });
+}
+function $860d9939f7032c69$export$f195b3550849e560(props) {
+    /** Formatted geographic coordinates */ const { position: position, className: className, precision: precision, zoom: zoom } = props;
+    let { format: format } = props;
+    if (position == null) return null;
+    let lat, lng;
+    if (Array.isArray(position)) [lng, lat] = position;
+    else ({ lat: lat, lng: lng } = position);
+    if (zoom != null && format == null && precision == null) format = (val, _)=>(0, $eMimP$macrostratmapboxutils.formatCoordForZoomLevel)(val, zoom);
+    return (0, ($parcel$interopDefault($eMimP$macrostrathyper)))("div.lnglat-container", {
+        className: className
+    }, [
+        (0, ($parcel$interopDefault($eMimP$macrostrathyper)))("span.lnglat", [
+            (0, ($parcel$interopDefault($eMimP$macrostrathyper)))($860d9939f7032c69$export$af8082af0bea3eb1, {
+                value: lat,
+                labels: [
+                    "N",
+                    "S"
+                ],
+                precision: precision,
+                format: format
+            }),
+            ", ",
+            (0, ($parcel$interopDefault($eMimP$macrostrathyper)))($860d9939f7032c69$export$af8082af0bea3eb1, {
+                value: (0, $eMimP$macrostratmapboxutils.normalizeLng)(lng),
+                labels: [
+                    "E",
+                    "W"
+                ],
+                precision: precision,
+                format: format
+            })
+        ])
+    ]);
+}
+function $860d9939f7032c69$export$58bfb4f6ec5aa58d(props) {
+    /** Renders an elevation value in meters and a parenthetical conversion to feet. */ const { elevation: elevation, className: className, includeFeet: includeFeet = true } = props;
+    if (elevation == null) return null;
+    return (0, ($parcel$interopDefault($eMimP$macrostrathyper)))("div.elevation", {
+        className: className
+    }, [
+        (0, ($parcel$interopDefault($eMimP$macrostrathyper)))($860d9939f7032c69$export$716098b85fd0efdf, {
+            value: elevation,
+            unit: "m"
+        }),
+        (0, ($parcel$interopDefault($eMimP$macrostrathyper))).if(includeFeet)("span.secondary", [
+            " (",
+            (0, ($parcel$interopDefault($eMimP$macrostrathyper)))($860d9939f7032c69$export$716098b85fd0efdf, {
+                value: (0, $eMimP$macrostratmapboxutils.metersToFeet)(elevation),
+                unit: "ft"
+            }),
+            ")"
+        ])
+    ]);
+}
+$parcel$exportWildcard(module.exports, $370ea7ef3413c03a$exports);
+
+
+//# sourceMappingURL=location-info.92e70042.js.map

package/dist/cjs/location-info.92e70042.js.map

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

package/dist/cjs/location-panel.c95f5e96.js

@@ -0,0 +1,66 @@
+var $548387e5996cdbbd$exports = require("./header.58c5c012.js");
+require("./main.module.02c4de16.css");
+var $a8d7c4c397e52cf6$exports = require("./main.module.3f2b7c9f.js");
+var $c3311f59335df34d$exports = require("./container.72611900.js");
+var $ah8rZ$macrostrathyper = require("@macrostrat/hyper");
+var $ah8rZ$classnames = require("classnames");
+var $ah8rZ$macrostratuicomponents = require("@macrostrat/ui-components");
+
+
+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, "InfoDrawerContainer", () => $2bc7c1e4e7da7fdf$export$83f9a19cf91c2d06);
+$parcel$export(module.exports, "BaseInfoDrawer", () => $2bc7c1e4e7da7fdf$export$a5ddcc2a88716895);
+$parcel$export(module.exports, "DetailsPanel", () => $2bc7c1e4e7da7fdf$export$e54a7f2505304e20);
+$parcel$export(module.exports, "LocationPanel", () => $2bc7c1e4e7da7fdf$export$aa4baff5242ea6e1);
+
+
+
+
+
+
+const $2bc7c1e4e7da7fdf$var$h = (0, ($parcel$interopDefault($ah8rZ$macrostrathyper))).styled((0, ($parcel$interopDefault($a8d7c4c397e52cf6$exports))));
+function $2bc7c1e4e7da7fdf$export$83f9a19cf91c2d06(props) {
+    const className = (0, ($parcel$interopDefault($ah8rZ$classnames)))("infodrawer", props.className);
+    return $2bc7c1e4e7da7fdf$var$h((0, $c3311f59335df34d$exports.PanelCard), {
+        ...props,
+        className: className
+    });
+}
+function $2bc7c1e4e7da7fdf$export$a5ddcc2a88716895(props) {
+    const { className: className, headerElement: headerElement = null, title: title, onClose: onClose, children: children, ...rest } = props;
+    const header = headerElement ?? $2bc7c1e4e7da7fdf$var$h((0, $548387e5996cdbbd$exports.InfoDrawerHeader), {
+        onClose: onClose,
+        ...rest
+    }, [
+        title == null ? null : $2bc7c1e4e7da7fdf$var$h("h3", [
+            title
+        ])
+    ]);
+    return $2bc7c1e4e7da7fdf$var$h($2bc7c1e4e7da7fdf$export$83f9a19cf91c2d06, {
+        className: className
+    }, [
+        header,
+        $2bc7c1e4e7da7fdf$var$h("div.infodrawer-body", $2bc7c1e4e7da7fdf$var$h("div.infodrawer-contents", $2bc7c1e4e7da7fdf$var$h((0, $ah8rZ$macrostratuicomponents.ErrorBoundary), null, children)))
+    ]);
+}
+const $2bc7c1e4e7da7fdf$export$e54a7f2505304e20 = $2bc7c1e4e7da7fdf$export$a5ddcc2a88716895;
+function $2bc7c1e4e7da7fdf$export$aa4baff5242ea6e1(props) {
+    const { children: children, className: className, loading: loading = false, ...rest } = props;
+    const cls = (0, ($parcel$interopDefault($ah8rZ$classnames)))("location-panel", className, {
+        loading: loading
+    });
+    return $2bc7c1e4e7da7fdf$var$h($2bc7c1e4e7da7fdf$export$a5ddcc2a88716895, {
+        className: cls,
+        ...rest
+    }, children);
+}
+
+
+//# sourceMappingURL=location-panel.c95f5e96.js.map

package/dist/cjs/location-panel.c95f5e96.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAErB,SAAS,0CAAoB,KAAK;IACvC,MAAM,YAAY,CAAA,GAAA,2CAAS,EAAE,cAAc,MAAM,SAAS;IAC1D,OAAO,wBAAE,CAAA,GAAA,mCAAQ,GAAG;QAAE,GAAG,KAAK;mBAAE;IAAU;AAC5C;AASO,SAAS,0CAAe,KAA0B;IACvD,MAAM,aACJ,SAAS,iBACT,gBAAgB,aAChB,KAAK,WACL,OAAO,YACP,QAAQ,EACR,GAAG,MACJ,GAAG;IACJ,MAAM,SACJ,iBACA,wBAAE,CAAA,GAAA,0CAAe,GAAG;iBAAE;QAAS,GAAG,IAAI;IAAC,GAAG;QACxC,SAAS,OAAO,OAAO,wBAAE,MAAM;YAAC;SAAM;KACvC;IACH,OAAO,wBAAE,2CAAqB;mBAAE;IAAU,GAAG;QAC3C;QACA,wBACE,uBACA,wBAAE,2BAA2B,wBAAE,CAAA,GAAA,2CAAY,GAAG,MAAM;KAEvD;AACH;AAEO,MAAM,4CAAe;AAErB,SAAS,0CAAc,KAAK;IACjC,MAAM,YAAE,QAAQ,aAAE,SAAS,WAAE,UAAU,OAAO,GAAG,MAAM,GAAG;IAC1D,MAAM,MAAM,CAAA,GAAA,2CAAS,EAAE,kBAAkB,WAAW;iBAAE;IAAQ;IAC9D,OAAO,wBAAE,2CAAgB;QAAE,WAAW;QAAK,GAAG,IAAI;IAAC,GAAG;AACxD","sources":["packages/map-interface/src/location-panel/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { InfoDrawerHeader, InfoDrawerHeaderProps } from \"./header\";\nimport classNames from \"classnames\";\nimport styles from \"./main.module.sass\";\nimport { ErrorBoundary } from \"@macrostrat/ui-components\";\nimport { PanelCard } from \"../container\";\n\nconst h = hyper.styled(styles);\n\nexport function InfoDrawerContainer(props) {\n  const className = classNames(\"infodrawer\", props.className);\n  return h(PanelCard, { ...props, className });\n}\n\ninterface BaseInfoDrawerProps extends InfoDrawerHeaderProps {\n  className?: string;\n  title?: string;\n  headerElement?: JSX.Element;\n  children?: React.ReactNode;\n}\n\nexport function BaseInfoDrawer(props: BaseInfoDrawerProps) {\n  const {\n    className,\n    headerElement = null,\n    title,\n    onClose,\n    children,\n    ...rest\n  } = props;\n  const header =\n    headerElement ??\n    h(InfoDrawerHeader, { onClose, ...rest }, [\n      title == null ? null : h(\"h3\", [title]),\n    ]);\n  return h(InfoDrawerContainer, { className }, [\n    header,\n    h(\n      \"div.infodrawer-body\",\n      h(\"div.infodrawer-contents\", h(ErrorBoundary, null, children))\n    ),\n  ]);\n}\n\nexport const DetailsPanel = BaseInfoDrawer;\n\nexport function LocationPanel(props) {\n  const { children, className, loading = false, ...rest } = props;\n  const cls = classNames(\"location-panel\", className, { loading });\n  return h(BaseInfoDrawer, { className: cls, ...rest }, children);\n}\n"],"names":[],"version":3,"file":"location-panel.c95f5e96.js.map"}