@macrostrat/map-interface 1.6.0 → 2.0.0

package/dist/esm/map-interface.27587c50.js

@@ -1,126 +0,0 @@
-import $gPxI6$mapinterface065737fejs from "./map-interface.065737fe.js";
-import "../cjs/map-interface.4a401c1f.css";
-import {MapBottomControls as $91d5aa004eeb2226$export$db1a2e058a06fb5c} from "./map-interface.50edfdfd.js";
-import $gPxI6$macrostrathyper, {addClassNames as $gPxI6$addClassNames} from "@macrostrat/hyper";
-import $gPxI6$classnames from "classnames";
-import {useTransition as $gPxI6$useTransition} from "transition-hook";
-import {ZoomControl as $gPxI6$ZoomControl, MapboxMapProvider as $gPxI6$MapboxMapProvider, useMapPosition as $gPxI6$useMapPosition} from "@macrostrat/mapbox-react";
-import {ToasterContext as $gPxI6$ToasterContext} from "@macrostrat/ui-components";
-import {mapViewInfo as $gPxI6$mapViewInfo} from "@macrostrat/mapbox-utils";
-import {Card as $gPxI6$Card} from "@blueprintjs/core";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-
-const $4bdfa9cd8240b2fd$var$h = (0, $gPxI6$macrostrathyper).styled((0, ($parcel$interopDefault($gPxI6$mapinterface065737fejs))));
-const $4bdfa9cd8240b2fd$export$ec68dd77edbe678b = (props)=>$4bdfa9cd8240b2fd$var$h((0, $gPxI6$Card), {
-        ...props,
-        className: (0, $gPxI6$classnames)("panel-card", props.className)
-    });
-var $4bdfa9cd8240b2fd$export$612ca936d3ed4784 = /*#__PURE__*/ function(DetailPanelStyle) {
-    DetailPanelStyle["FIXED"] = "fixed";
-    DetailPanelStyle["FLOATING"] = "floating";
-    return DetailPanelStyle;
-}({});
-const $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 = (props)=>$4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$MapProviders, $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$_MapAreaContainer, props));
-function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children, className: className, navbar: navbar, contextPanel: contextPanel = null, detailPanel: detailPanel = null, detailPanelOpen: detailPanelOpen, contextPanelOpen: contextPanelOpen = true, bottomPanel: bottomPanel = null, mainPanel: mainPanel, mapControls: mapControls = $4bdfa9cd8240b2fd$var$h((0, $91d5aa004eeb2226$export$db1a2e058a06fb5c)), contextStackProps: contextStackProps = null, detailStackProps: detailStackProps = null, detailPanelStyle: detailPanelStyle = "floating", fitViewport: fitViewport = true, showPanelOutlines: showPanelOutlines = false, preventMapInteraction: preventMapInteraction = false, ...rest }) {
-    const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;
-    const contextPanelTrans = (0, $gPxI6$useTransition)(contextPanelOpen, 800);
-    const detailPanelTrans = (0, $gPxI6$useTransition)(_detailPanelOpen, 800);
-    /*- We apply a custom style to the panel container when we are interacting
-      with the search bar, so that we can block map interactions until search
-      bar focus is lost.
-    - We also apply a custom style when the infodrawer is open so we can hide
-      the search bar on mobile platforms
-    - These styles are doubly applied so we can have both namespaced and
-      outside-accessible styles for each case.
-  */ const mainUIClassNames = (0, $gPxI6$classnames)("map-container", className, `detail-panel-${detailPanelStyle}`, `context-panel-${contextPanelTrans.stage}`, `map-context-${contextPanelTrans.stage}`, `detail-panel-${detailPanelTrans.stage}`, `map-detail-${detailPanelTrans.stage}`, {
-        "detail-panel-open": _detailPanelOpen,
-        "map-context-open": contextPanelOpen,
-        "show-panel-outlines": showPanelOutlines,
-        "fit-viewport": fitViewport
-    });
-    const mapControlsExt = $4bdfa9cd8240b2fd$var$h([
-        $4bdfa9cd8240b2fd$var$h((0, $gPxI6$ZoomControl), {
-            className: "zoom-control"
-        }),
-        $4bdfa9cd8240b2fd$var$h("div.spacer"),
-        mapControls
-    ]);
-    const detailStackExt = $4bdfa9cd8240b2fd$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
-        $4bdfa9cd8240b2fd$var$h("div.detail-panel-holder", null, detailPanel),
-        $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "floating")([
-            mapControlsExt
-        ])
-    ]);
-    let contextStack = null;
-    if (navbar != null || contextPanel != null) contextStack = $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$ContextStack, {
-        navbar: navbar,
-        ...contextStackProps
-    }, [
-        $4bdfa9cd8240b2fd$var$h.if(contextPanelTrans.shouldMount)([
-            contextPanel
-        ])
-    ]);
-    return $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$export$fa395a37c3898ae3, {
-        className: mainUIClassNames
-    }, [
-        $4bdfa9cd8240b2fd$var$h("div.main-row", [
-            $4bdfa9cd8240b2fd$var$h("div.map-ui", {
-                ...rest
-            }, [
-                contextStack,
-                //h(MapView),
-                children ?? mainPanel,
-                $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "floating")([
-                    detailStackExt
-                ]),
-                $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "fixed")("div.map-control-stack", mapControlsExt)
-            ]),
-            $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "fixed")([
-                detailStackExt
-            ])
-        ]),
-        $4bdfa9cd8240b2fd$var$h("div.bottom", null, bottomPanel)
-    ]);
-}
-function $4bdfa9cd8240b2fd$var$ContextStack(props) {
-    const { adaptiveWidth: adaptiveWidth, navbar: navbar, children: children, ...rest } = props;
-    const props1 = (0, $gPxI6$addClassNames)(rest, {
-        "adaptive-width": adaptiveWidth
-    });
-    return $4bdfa9cd8240b2fd$var$h("div.context-stack", props1, [
-        navbar,
-        $4bdfa9cd8240b2fd$var$h("div.context-panel-holder", null, children),
-        $4bdfa9cd8240b2fd$var$h("div.spacer")
-    ]);
-}
-const $4bdfa9cd8240b2fd$var$MapProviders = ({ children: children })=>$4bdfa9cd8240b2fd$var$h((0, $gPxI6$ToasterContext), $4bdfa9cd8240b2fd$var$h((0, $gPxI6$MapboxMapProvider), children));
-function $4bdfa9cd8240b2fd$export$fa395a37c3898ae3({ className: className, children: children }) {
-    const mapPosition = (0, $gPxI6$useMapPosition)();
-    if (mapPosition != null) {
-        const { mapIsRotated: mapIsRotated, mapUse3D: mapUse3D, mapIsGlobal: mapIsGlobal } = (0, $gPxI6$mapViewInfo)(mapPosition);
-        className = (0, $gPxI6$classnames)(className, {
-            "map-is-rotated": mapIsRotated,
-            "map-3d-available": mapUse3D,
-            "map-is-global": mapIsGlobal
-        });
-    }
-    return $4bdfa9cd8240b2fd$var$h("div", {
-        className: className
-    }, children);
-} //const _MapPage = compose(HotkeysProvider, MapPage);
-
-
-export {$4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$612ca936d3ed4784 as DetailPanelStyle, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer};
-//# sourceMappingURL=map-interface.27587c50.js.map

package/dist/esm/map-interface.27587c50.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/container.ts"],"sourcesContent":["import hyper, { addClassNames } from \"@macrostrat/hyper\";\nimport { HTMLDivProps } from \"@blueprintjs/core\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { useTransition } from \"transition-hook\";\nimport {\n  MapboxMapProvider,\n  ZoomControl,\n  useMapPosition,\n} from \"@macrostrat/mapbox-react\";\nimport { ToasterContext } from \"@macrostrat/ui-components\";\nimport { MapBottomControls } from \"./controls\";\nimport { mapViewInfo, MapPosition } from \"@macrostrat/mapbox-utils\";\nimport { Card } from \"@blueprintjs/core\";\n\nimport { ReactNode } from \"react\";\n\nconst h = hyper.styled(styles);\n\ntype AnyElement = React.ReactNode | React.ReactElement | React.ReactFragment;\n\nexport const PanelCard = (props) =>\n  h(Card, { ...props, className: classNames(\"panel-card\", props.className) });\n\ninterface ContextStackProps extends HTMLDivProps {\n  adaptiveWidth: boolean;\n  navbar: AnyElement;\n}\n\nexport enum DetailPanelStyle {\n  FIXED = \"fixed\",\n  FLOATING = \"floating\",\n}\n\nexport const MapAreaContainer = (props) =>\n  h(MapProviders, h(_MapAreaContainer, props));\n\ninterface MapAreaContainerProps {\n  navbar: AnyElement;\n  children?: AnyElement;\n  mapControls?: AnyElement;\n  contextPanel?: AnyElement;\n  contextStack?: AnyElement;\n  mainPanel?: AnyElement;\n  detailPanel?: AnyElement;\n  bottomPanel?: AnyElement;\n  className?: string;\n  detailPanelOpen?: boolean;\n  contextPanelOpen?: boolean;\n  contextStackProps?: ContextStackProps;\n  detailStackProps?: HTMLDivProps;\n  detailPanelStyle: DetailPanelStyle;\n  fitViewport?: boolean;\n  showPanelOutlines?: boolean;\n  preventMapInteraction?: boolean;\n}\n\nfunction _MapAreaContainer({\n  children,\n  className,\n  navbar,\n  contextPanel = null,\n  detailPanel = null,\n  detailPanelOpen,\n  contextPanelOpen = true,\n  bottomPanel = null,\n  mainPanel,\n  mapControls = h(MapBottomControls),\n  contextStackProps = null,\n  detailStackProps = null,\n  detailPanelStyle = DetailPanelStyle.FLOATING,\n  fitViewport = true,\n  showPanelOutlines = false,\n  preventMapInteraction = false,\n  ...rest\n}: MapAreaContainerProps) {\n  const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;\n  const contextPanelTrans = useTransition(contextPanelOpen, 800);\n  const detailPanelTrans = useTransition(_detailPanelOpen, 800);\n\n  /*- We apply a custom style to the panel container when we are interacting\n      with the search bar, so that we can block map interactions until search\n      bar focus is lost.\n    - We also apply a custom style when the infodrawer is open so we can hide\n      the search bar on mobile platforms\n    - These styles are doubly applied so we can have both namespaced and\n      outside-accessible styles for each case.\n  */\n  const mainUIClassNames = classNames(\n    \"map-container\",\n    className,\n    `detail-panel-${detailPanelStyle}`,\n    `context-panel-${contextPanelTrans.stage}`,\n    `map-context-${contextPanelTrans.stage}`,\n    `detail-panel-${detailPanelTrans.stage}`,\n    `map-detail-${detailPanelTrans.stage}`,\n    {\n      \"detail-panel-open\": _detailPanelOpen,\n      \"map-context-open\": contextPanelOpen,\n      \"show-panel-outlines\": showPanelOutlines,\n      \"fit-viewport\": fitViewport,\n    },\n  );\n\n  const mapControlsExt = h([\n    h(ZoomControl, { className: \"zoom-control\" }),\n    h(\"div.spacer\"),\n    mapControls,\n  ]);\n\n  const detailStackExt = h(\n    \"div.detail-stack.infodrawer-container\",\n    detailStackProps,\n    [\n      h(\"div.detail-panel-holder\", null, detailPanel),\n      h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([mapControlsExt]),\n    ],\n  );\n\n  let contextStack = null;\n  if (navbar != null || contextPanel != null) {\n    contextStack = h(ContextStack, { navbar, ...contextStackProps }, [\n      h.if(contextPanelTrans.shouldMount)([contextPanel]),\n    ]);\n  }\n\n  return h(MapStyledContainer, { className: mainUIClassNames }, [\n    h(\"div.main-row\", [\n      h(\"div.map-ui\", { ...rest }, [\n        contextStack,\n        //h(MapView),\n        children ?? mainPanel,\n        h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([detailStackExt]),\n        h.if(detailPanelStyle == DetailPanelStyle.FIXED)(\n          \"div.map-control-stack\",\n          mapControlsExt,\n        ),\n      ]),\n      h.if(detailPanelStyle == DetailPanelStyle.FIXED)([detailStackExt]),\n    ]),\n    h(\"div.bottom\", null, bottomPanel),\n  ]);\n}\n\nfunction ContextStack(props: ContextStackProps) {\n  const { adaptiveWidth, navbar, children, ...rest } = props;\n  const props1 = addClassNames(rest, { \"adaptive-width\": adaptiveWidth });\n  return h(\"div.context-stack\", props1, [\n    navbar,\n    h(\"div.context-panel-holder\", null, children),\n    h(\"div.spacer\"),\n  ]);\n}\n\nconst MapProviders = ({ children }) =>\n  h(ToasterContext, h(MapboxMapProvider, children));\n\ninterface MapContainerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function MapStyledContainer({ className, children }: MapContainerProps) {\n  const mapPosition = useMapPosition();\n  if (mapPosition != null) {\n    const { mapIsRotated, mapUse3D, mapIsGlobal } = mapViewInfo(mapPosition);\n    className = classNames(className, {\n      \"map-is-rotated\": mapIsRotated,\n      \"map-3d-available\": mapUse3D,\n      \"map-is-global\": mapIsGlobal,\n    });\n  }\n\n  return h(\"div\", { className }, children);\n}\n\n//const _MapPage = compose(HotkeysProvider, MapPage);\n"],"names":[],"version":3,"file":"map-interface.27587c50.js.map"}

package/dist/esm/map-interface.2892a5fb.js

@@ -1,178 +0,0 @@
-import {buildInspectorStyle as $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6} from "./map-interface.1843c708.js";
-import {MapAreaContainer as $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290, PanelCard as $4bdfa9cd8240b2fd$export$ec68dd77edbe678b} from "./map-interface.27587c50.js";
-import {FloatingNavbar as $6e914c81c8e053da$export$a8cc0062d02a3841, MapLoadingButton as $6e914c81c8e053da$export$9e3bae3c08bde368} from "./map-interface.0b1aa8f2.js";
-import {MapMarker as $4bc3dd5f0732eed3$export$5c90a91c7455938c, useBasicMapStyle as $4bc3dd5f0732eed3$export$6daf1520df36ae21} from "./map-interface.f7b8bdb7.js";
-import {LocationPanel as $f50c3537aaff0cff$export$aa4baff5242ea6e1} from "./map-interface.6e65dcaf.js";
-import {MapView as $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8} from "./map-interface.ca1ee406.js";
-import $f1pTx$mapinterface957e414cjs from "./map-interface.957e414c.js";
-import "../cjs/map-interface.26497065.css";
-import {TileExtentLayer as $1d4d29ef2725aa16$export$86c09739b12f23cd} from "./map-interface.22ea3934.js";
-import {FeaturePanel as $b8c84b63e75fe4f2$export$43277c51a01761c1, FeatureSelectionHandler as $b8c84b63e75fe4f2$export$214daccdda0f4ac6, TileInfo as $b8c84b63e75fe4f2$export$43c75dec9d0b96c} from "./map-interface.786d6e58.js";
-import {Switch as $f1pTx$Switch} from "@blueprintjs/core";
-import $f1pTx$macrostrathyper from "@macrostrat/hyper";
-import {useDarkMode as $f1pTx$useDarkMode, useStoredState as $f1pTx$useStoredState} from "@macrostrat/ui-components";
-import $f1pTx$mapboxgl from "mapbox-gl";
-import {useState as $f1pTx$useState, useEffect as $f1pTx$useEffect, useCallback as $f1pTx$useCallback} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-// Import other components
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $a281a0612311d660$export$dda1d9f60106f0e9 = (0, $f1pTx$macrostrathyper).styled((0, ($parcel$interopDefault($f1pTx$mapinterface957e414cjs))));
-function $a281a0612311d660$export$eab3034e57b46e26({ title: title = "Map inspector", headerElement: headerElement = null, transformRequest: transformRequest = null, mapPosition: mapPosition = null, mapboxToken: mapboxToken = null, overlayStyle: overlayStyle = null, controls: controls = null, children: children = null, style: style, bounds: bounds = null, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null, fitViewport: fitViewport = true, styleType: styleType = "macrostrat", ...rest }) {
-    /* We apply a custom style to the panel container when we are interacting
-    with the search bar, so that we can block map interactions until search
-    bar focus is lost.
-    We also apply a custom style when the infodrawer is open so we can hide
-    the search bar on mobile platforms
-  */ const dark = (0, $f1pTx$useDarkMode)();
-    const isEnabled = dark?.isEnabled;
-    if (mapboxToken != null) (0, $f1pTx$mapboxgl).accessToken = mapboxToken;
-    const basicStyle = (0, $4bc3dd5f0732eed3$export$6daf1520df36ae21)({
-        styleType: styleType
-    });
-    style ??= basicStyle;
-    const [isOpen, setOpen] = (0, $f1pTx$useState)(false);
-    const [state, setState] = (0, $f1pTx$useStoredState)("macrostrat:dev-map-page", {
-        showTileExtent: false,
-        xRay: false
-    });
-    const { showTileExtent: showTileExtent, xRay: xRay } = state;
-    const [actualStyle, setActualStyle] = (0, $f1pTx$useState)(null);
-    (0, $f1pTx$useEffect)(()=>{
-        (0, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6)(style, overlayStyle, {
-            mapboxToken: mapboxToken,
-            inDarkMode: isEnabled,
-            xRay: xRay
-        }).then(setActualStyle);
-    }, [
-        style,
-        xRay,
-        mapboxToken,
-        isEnabled,
-        overlayStyle
-    ]);
-    const [inspectPosition, setInspectPosition] = (0, $f1pTx$useState)(null);
-    const [data, setData] = (0, $f1pTx$useState)(null);
-    const onSelectPosition = (0, $f1pTx$useCallback)((position)=>{
-        setInspectPosition(position);
-    }, []);
-    let detailElement = null;
-    if (inspectPosition != null) detailElement = $a281a0612311d660$export$dda1d9f60106f0e9((0, $f50c3537aaff0cff$export$aa4baff5242ea6e1), {
-        onClose () {
-            setInspectPosition(null);
-        },
-        position: inspectPosition
-    }, [
-        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43c75dec9d0b96c), {
-            feature: data?.[0] ?? null,
-            showExtent: showTileExtent,
-            setShowExtent () {
-                setState({
-                    ...state,
-                    showTileExtent: !showTileExtent
-                });
-            }
-        }),
-        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43277c51a01761c1), {
-            features: data,
-            focusedSource: focusedSource,
-            focusedSourceTitle: focusedSourceTitle
-        })
-    ]);
-    let tile = null;
-    if (showTileExtent && data?.[0] != null) {
-        let f = data[0];
-        tile = {
-            x: f._x,
-            y: f._y,
-            z: f._z
-        };
-    }
-    return $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290), {
-        navbar: $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$a8cc0062d02a3841), {
-            rightElement: $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$9e3bae3c08bde368), {
-                large: true,
-                active: isOpen,
-                onClick: ()=>setOpen(!isOpen),
-                style: {
-                    marginRight: "-5px"
-                }
-            }),
-            headerElement: headerElement,
-            title: title
-        }),
-        contextPanel: $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b), [
-            controls,
-            $a281a0612311d660$export$dda1d9f60106f0e9((0, $f1pTx$Switch), {
-                checked: xRay,
-                label: "X-ray mode",
-                onChange () {
-                    setState({
-                        ...state,
-                        xRay: !xRay
-                    });
-                }
-            })
-        ]),
-        detailPanel: detailElement,
-        contextPanelOpen: isOpen,
-        fitViewport: fitViewport
-    }, $a281a0612311d660$export$dda1d9f60106f0e9((0, $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8), {
-        style: actualStyle,
-        transformRequest: transformRequest,
-        mapPosition: mapPosition,
-        projection: {
-            name: "globe"
-        },
-        mapboxToken: mapboxToken,
-        bounds: bounds,
-        ...rest
-    }, [
-        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$214daccdda0f4ac6), {
-            selectedLocation: inspectPosition,
-            setFeatures: setData
-        }),
-        $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bc3dd5f0732eed3$export$5c90a91c7455938c), {
-            position: inspectPosition,
-            setPosition: onSelectPosition
-        }),
-        $a281a0612311d660$export$dda1d9f60106f0e9((0, $1d4d29ef2725aa16$export$86c09739b12f23cd), {
-            tile: tile,
-            color: isEnabled ? "white" : "black"
-        }),
-        children
-    ]));
-}
-function $a281a0612311d660$var$MapInspector(props) {
-    const { children: children, controls: controls, ...rest } = props;
-    /** Compatibility wrapper for MapInspectorV2 */ // React warning about this legacy usage
-    console.warn("MapInspector is deprecated. Use MapInspectorV2 instead");
-    return $a281a0612311d660$export$dda1d9f60106f0e9($a281a0612311d660$export$eab3034e57b46e26, {
-        ...rest,
-        controls: [
-            children,
-            controls
-        ]
-    });
-}
-const $a281a0612311d660$export$2391061fbdfb71ef = $a281a0612311d660$var$MapInspector;
-
-
-export {$a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$eab3034e57b46e26 as MapInspectorV2, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage};
-//# sourceMappingURL=map-interface.2892a5fb.js.map

package/dist/esm/map-interface.2892a5fb.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/dev/map-page.ts"],"sourcesContent":["// Import other components\nimport { Switch } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDarkMode, useStoredState } from \"@macrostrat/ui-components\";\nimport mapboxgl from \"mapbox-gl\";\nimport React from \"react\";\nimport { useCallback, useState, useEffect } from \"react\";\nimport { buildInspectorStyle } from \"./xray\";\nimport { MapAreaContainer, PanelCard } from \"../container\";\nimport { FloatingNavbar, MapLoadingButton } from \"../context-panel\";\nimport { MapMarker, useBasicMapStyle } from \"../helpers\";\nimport { LocationPanel } from \"../location-panel\";\nimport { MapView, MapViewProps } from \"../map-view\";\nimport styles from \"./main.module.sass\";\nimport { TileExtentLayer } from \"./tile-extent\";\nimport {\n  FeaturePanel,\n  FeatureSelectionHandler,\n  TileInfo,\n} from \"./vector-tile-features\";\nimport { MapPosition } from \"@macrostrat/mapbox-utils\";\n\nexport const h = hyper.styled(styles);\n\ninterface MapInspectorProps extends MapViewProps {\n  headerElement?: React.ReactNode;\n  transformRequest?: mapboxgl.RequestTransformFunction;\n  title?: string;\n  style?: mapboxgl.StyleSpecification | string;\n  controls?: React.ReactNode;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  overlayStyle?: mapboxgl.StyleSpecification | string;\n  focusedSource?: string;\n  focusedSourceTitle?: string;\n  projection?: string;\n  mapPosition?: MapPosition;\n  bounds?: [number, number, number, number];\n  fitViewport?: boolean;\n  styleType?: \"standard\" | \"macrostrat\";\n  enableTerrain?: boolean;\n}\n\nexport function MapInspectorV2({\n  title = \"Map inspector\",\n  headerElement = null,\n  transformRequest = null,\n  mapPosition = null,\n  mapboxToken = null,\n  overlayStyle = null,\n  controls = null,\n  children = null,\n  style,\n  bounds = null,\n  focusedSource = null,\n  focusedSourceTitle = null,\n  fitViewport = true,\n  styleType = \"macrostrat\",\n  ...rest\n}: MapInspectorProps) {\n  /* We apply a custom style to the panel container when we are interacting\n    with the search bar, so that we can block map interactions until search\n    bar focus is lost.\n    We also apply a custom style when the infodrawer is open so we can hide\n    the search bar on mobile platforms\n  */\n\n  const dark = useDarkMode();\n  const isEnabled = dark?.isEnabled;\n\n  if (mapboxToken != null) {\n    mapboxgl.accessToken = mapboxToken;\n  }\n\n  const basicStyle = useBasicMapStyle({ styleType });\n  style ??= basicStyle;\n\n  const [isOpen, setOpen] = useState(false);\n\n  const [state, setState] = useStoredState(\"macrostrat:dev-map-page\", {\n    showTileExtent: false,\n    xRay: false,\n  });\n  const { showTileExtent, xRay } = state;\n\n  const [actualStyle, setActualStyle] = useState(null);\n\n  useEffect(() => {\n    buildInspectorStyle(style, overlayStyle, {\n      mapboxToken,\n      inDarkMode: isEnabled,\n      xRay,\n    }).then(setActualStyle);\n  }, [style, xRay, mapboxToken, isEnabled, overlayStyle]);\n\n  const [inspectPosition, setInspectPosition] =\n    useState<mapboxgl.LngLat | null>(null);\n\n  const [data, setData] = useState(null);\n\n  const onSelectPosition = useCallback((position: mapboxgl.LngLat) => {\n    setInspectPosition(position);\n  }, []);\n\n  let detailElement = null;\n  if (inspectPosition != null) {\n    detailElement = h(\n      LocationPanel,\n      {\n        onClose() {\n          setInspectPosition(null);\n        },\n        position: inspectPosition,\n      },\n      [\n        h(TileInfo, {\n          feature: data?.[0] ?? null,\n          showExtent: showTileExtent,\n          setShowExtent() {\n            setState({ ...state, showTileExtent: !showTileExtent });\n          },\n        }),\n        h(FeaturePanel, { features: data, focusedSource, focusedSourceTitle }),\n      ],\n    );\n  }\n\n  let tile = null;\n  if (showTileExtent && data?.[0] != null) {\n    let f = data[0];\n    tile = { x: f._x, y: f._y, z: f._z };\n  }\n\n  return h(\n    MapAreaContainer,\n    {\n      navbar: h(FloatingNavbar, {\n        rightElement: h(MapLoadingButton, {\n          large: true,\n          active: isOpen,\n          onClick: () => setOpen(!isOpen),\n          style: {\n            marginRight: \"-5px\",\n          },\n        }),\n        headerElement,\n        title,\n      }),\n      contextPanel: h(PanelCard, [\n        controls,\n        h(Switch, {\n          checked: xRay,\n          label: \"X-ray mode\",\n          onChange() {\n            setState({ ...state, xRay: !xRay });\n          },\n        }),\n      ]),\n      detailPanel: detailElement,\n      contextPanelOpen: isOpen,\n      fitViewport,\n    },\n    h(\n      MapView,\n      {\n        style: actualStyle,\n        transformRequest,\n        mapPosition,\n        projection: { name: \"globe\" },\n        mapboxToken,\n        bounds,\n        ...rest,\n      },\n      [\n        h(FeatureSelectionHandler, {\n          selectedLocation: inspectPosition,\n          setFeatures: setData,\n        }),\n        h(MapMarker, {\n          position: inspectPosition,\n          setPosition: onSelectPosition,\n        }),\n        h(TileExtentLayer, { tile, color: isEnabled ? \"white\" : \"black\" }),\n        children,\n      ],\n    ),\n  );\n}\n\nfunction MapInspector(props) {\n  const { children, controls, ...rest } = props;\n  /** Compatibility wrapper for MapInspectorV2 */\n  // React warning about this legacy usage\n  console.warn(\"MapInspector is deprecated. Use MapInspectorV2 instead\");\n\n  return h(MapInspectorV2, {\n    ...rest,\n    controls: [children, controls],\n  });\n}\n\n// Legacy export\nexport const DevMapPage = MapInspector;\n"],"names":[],"version":3,"file":"map-interface.2892a5fb.js.map"}

package/dist/esm/map-interface.3033c825.js

@@ -1,40 +0,0 @@
-import {useEffect as $38k5Q$useEffect} from "react";
-import {Marker as $38k5Q$Marker} from "mapbox-gl";
-
-
-
-function $82fe09613877ffc2$var$calcMapPadding(rect, childRect) {
-    return {
-        left: Math.max(rect.left - childRect.left, 0),
-        top: Math.max(rect.top - childRect.top, 0),
-        right: Math.max(childRect.right - rect.right, 0),
-        bottom: Math.max(childRect.bottom - rect.bottom, 0)
-    };
-}
-function $82fe09613877ffc2$export$bb78f9f01775eef1(ref, parentRef) {
-    const rect = parentRef.current?.getBoundingClientRect();
-    const childRect = ref.current?.getBoundingClientRect();
-    if (rect == null || childRect == null) return;
-    return $82fe09613877ffc2$var$calcMapPadding(rect, childRect);
-}
-function $82fe09613877ffc2$export$278090850f6b3a9f(mapRef, markerRef, markerPosition) {
-    (0, $38k5Q$useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        if (markerPosition == null) {
-            markerRef.current?.remove();
-            return;
-        }
-        const marker = markerRef.current ?? new (0, $38k5Q$Marker)();
-        marker.setLngLat(markerPosition).addTo(map);
-        markerRef.current = marker;
-        return ()=>marker.remove();
-    }, [
-        mapRef.current,
-        markerPosition
-    ]);
-}
-
-
-export {$82fe09613877ffc2$export$bb78f9f01775eef1 as getMapPadding, $82fe09613877ffc2$export$278090850f6b3a9f as useMapMarker};
-//# sourceMappingURL=map-interface.3033c825.js.map

package/dist/esm/map-interface.3033c825.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;AAGA,SAAS,qCAAe,IAAI,EAAE,SAAS;IACrC,OAAO;QACL,MAAM,KAAK,GAAG,CAAC,KAAK,IAAI,GAAG,UAAU,IAAI,EAAE;QAC3C,KAAK,KAAK,GAAG,CAAC,KAAK,GAAG,GAAG,UAAU,GAAG,EAAE;QACxC,OAAO,KAAK,GAAG,CAAC,UAAU,KAAK,GAAG,KAAK,KAAK,EAAE;QAC9C,QAAQ,KAAK,GAAG,CAAC,UAAU,MAAM,GAAG,KAAK,MAAM,EAAE;IACnD;AACF;AAEO,SAAS,0CAAc,GAAG,EAAE,SAAS;IAC1C,MAAM,OAAO,UAAU,OAAO,EAAE;IAChC,MAAM,YAAY,IAAI,OAAO,EAAE;IAC/B,IAAI,QAAQ,QAAQ,aAAa,MAAM;IACvC,OAAO,qCAAe,MAAM;AAC9B;AAEO,SAAS,0CAAa,MAAM,EAAE,SAAS,EAAE,cAAc;IAC5D,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,MAAM;QACjB,IAAI,kBAAkB,MAAM;YAC1B,UAAU,OAAO,EAAE;YACnB;QACF;QACA,MAAM,SAAS,UAAU,OAAO,IAAI,IAAI,CAAA,GAAA,aAAK;QAC7C,OAAO,SAAS,CAAC,gBAAgB,KAAK,CAAC;QACvC,UAAU,OAAO,GAAG;QACpB,OAAO,IAAM,OAAO,MAAM;IAC5B,GAAG;QAAC,OAAO,OAAO;QAAE;KAAe;AACrC","sources":["packages/map-interface/src/utils.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Marker } from \"mapbox-gl\";\n\nfunction calcMapPadding(rect, childRect) {\n  return {\n    left: Math.max(rect.left - childRect.left, 0),\n    top: Math.max(rect.top - childRect.top, 0),\n    right: Math.max(childRect.right - rect.right, 0),\n    bottom: Math.max(childRect.bottom - rect.bottom, 0),\n  };\n}\n\nexport function getMapPadding(ref, parentRef) {\n  const rect = parentRef.current?.getBoundingClientRect();\n  const childRect = ref.current?.getBoundingClientRect();\n  if (rect == null || childRect == null) return;\n  return calcMapPadding(rect, childRect);\n}\n\nexport function useMapMarker(mapRef, markerRef, markerPosition) {\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    if (markerPosition == null) {\n      markerRef.current?.remove();\n      return;\n    }\n    const marker = markerRef.current ?? new Marker();\n    marker.setLngLat(markerPosition).addTo(map);\n    markerRef.current = marker;\n    return () => marker.remove();\n  }, [mapRef.current, markerPosition]);\n}\n"],"names":[],"version":3,"file":"map-interface.3033c825.js.map"}

package/dist/esm/map-interface.3f07937e.js

@@ -1,124 +0,0 @@
-import $h94Kl$mapinterface01826888js from "./map-interface.01826888.js";
-import "../cjs/map-interface.adb45df9.css";
-import {PanelSubhead as $72e497a412b1da0a$export$ed081779ec3709aa} from "./map-interface.1db44824.js";
-import {useState as $h94Kl$useState} from "react";
-import {Icon as $h94Kl$Icon, Collapse as $h94Kl$Collapse, Button as $h94Kl$Button} from "@blueprintjs/core";
-import $h94Kl$macrostrathyper from "@macrostrat/hyper";
-import $h94Kl$classnames from "classnames";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-const $d570ac304373e71c$var$h = (0, $h94Kl$macrostrathyper).styled((0, ($parcel$interopDefault($h94Kl$mapinterface01826888js))));
-function $d570ac304373e71c$export$cea00a9d724d5a32(props) {
-    const { expanded: expanded, children: children, onChange: onChange, className: className, title: title, titleComponent: titleComponent } = props;
-    const icon = expanded ? "chevron-up" : "chevron-down";
-    return $d570ac304373e71c$var$h((0, $72e497a412b1da0a$export$ed081779ec3709aa), {
-        className: (0, $h94Kl$classnames)("expansion-panel-header", className),
-        onClick: onChange,
-        title: title,
-        component: titleComponent
-    }, [
-        children,
-        $d570ac304373e71c$var$h((0, $h94Kl$Icon), {
-            icon: icon,
-            className: "expansion-panel-icon"
-        })
-    ]);
-}
-function $d570ac304373e71c$var$ExpansionPanelBase(props) {
-    let { title: title, titleComponent: titleComponent = "h3", children: children, expanded: expanded, helpText: helpText, onChange: onChange = ()=>{}, sideComponent: sideComponent = null, className: className } = props;
-    const [isOpen, setOpen] = (0, $h94Kl$useState)(expanded || false);
-    const onChange_ = ()=>{
-        onChange();
-        setOpen(!isOpen);
-    };
-    return $d570ac304373e71c$var$h("div.expansion-panel-base", {
-        className: (0, $h94Kl$classnames)(className, {
-            expanded: isOpen,
-            collapsed: !isOpen
-        })
-    }, [
-        $d570ac304373e71c$var$h($d570ac304373e71c$export$cea00a9d724d5a32, {
-            onChange: onChange_,
-            expanded: isOpen,
-            title: title,
-            titleComponent: titleComponent
-        }, $d570ac304373e71c$var$h("div.expansion-summary-title-help", [
-            $d570ac304373e71c$var$h("span.expansion-panel-subtext", helpText),
-            " ",
-            sideComponent
-        ])),
-        $d570ac304373e71c$var$h((0, $h94Kl$Collapse), {
-            isOpen: isOpen
-        }, $d570ac304373e71c$var$h("div.expansion-children", null, children))
-    ]);
-}
-function $d570ac304373e71c$export$39c134eb0b07cf0e(props) {
-    let { title: title, children: children, className: className, headerElement: headerElement = null } = props;
-    return $d570ac304373e71c$var$h("div.info-panel-section", {
-        className: className
-    }, [
-        $d570ac304373e71c$var$h("div.panel-subhead", null, headerElement ?? $d570ac304373e71c$var$h("h3", title)),
-        $d570ac304373e71c$var$h("div.panel-content", null, children)
-    ]);
-}
-function $d570ac304373e71c$export$40e646e38e6ed100(props) {
-    return $d570ac304373e71c$var$h($d570ac304373e71c$var$ExpansionPanelBase, {
-        ...props,
-        className: "expansion-panel"
-    });
-}
-function $d570ac304373e71c$export$d7160281aff7c3b8(props) {
-    return $d570ac304373e71c$var$h($d570ac304373e71c$var$ExpansionPanelBase, {
-        ...props,
-        className: "expansion-panel sub-expansion-panel",
-        titleComponent: "h4"
-    });
-}
-function $d570ac304373e71c$export$44ad9ff780615135(props) {
-    let { title: title, children: children, value: value, headerElement: headerElement, className: className } = props;
-    const [isOpen, setIsOpen] = (0, $h94Kl$useState)(false);
-    headerElement ??= $d570ac304373e71c$var$h([
-        $d570ac304373e71c$var$h("div.title", title),
-        value
-    ]);
-    return $d570ac304373e71c$var$h("div.expandable-details", {
-        className: className
-    }, [
-        $d570ac304373e71c$var$h("div.expandable-details-main", [
-            $d570ac304373e71c$var$h("div.expandable-details-header", headerElement),
-            $d570ac304373e71c$var$h("div.expandable-details-toggle", [
-                $d570ac304373e71c$var$h((0, $h94Kl$Button), {
-                    small: true,
-                    minimal: true,
-                    active: isOpen,
-                    onClick: ()=>setIsOpen(!isOpen),
-                    icon: "more"
-                })
-            ])
-        ]),
-        $d570ac304373e71c$var$h((0, $h94Kl$Collapse), {
-            isOpen: isOpen
-        }, $d570ac304373e71c$var$h("div.expandable-details-children", null, children))
-    ]);
-}
-function $d570ac304373e71c$export$263416b670b3f129({ title: title, className: className, children: children }) {
-    return $d570ac304373e71c$var$h("div.expansion-body", {
-        className: className
-    }, [
-        $d570ac304373e71c$var$h("div.expansion-panel-detail-header", title),
-        $d570ac304373e71c$var$h("div.expansion-panel-detail-body", null, children)
-    ]);
-}
-
-
-export {$d570ac304373e71c$export$cea00a9d724d5a32 as ExpansionPanelSummary, $d570ac304373e71c$export$39c134eb0b07cf0e as InfoPanelSection, $d570ac304373e71c$export$40e646e38e6ed100 as ExpansionPanel, $d570ac304373e71c$export$d7160281aff7c3b8 as SubExpansionPanel, $d570ac304373e71c$export$44ad9ff780615135 as ExpandableDetailsPanel, $d570ac304373e71c$export$263416b670b3f129 as ExpansionBody, $72e497a412b1da0a$export$ed081779ec3709aa as PanelSubhead};
-//# sourceMappingURL=map-interface.3f07937e.js.map

package/dist/esm/map-interface.3f07937e.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAE5B,SAAS,0CAAsB,KAAK;IAClC,MAAM,YAAE,QAAQ,YAAE,QAAQ,YAAE,QAAQ,aAAE,SAAS,SAAE,KAAK,kBAAE,cAAc,EAAE,GACtE;IACF,MAAM,OAAO,WAAW,eAAe;IACvC,OAAO,wBACL,CAAA,GAAA,yCAAW,GACX;QACE,WAAW,CAAA,GAAA,iBAAS,EAAE,0BAA0B;QAChD,SAAS;eACT;QACA,WAAW;IACb,GACA;QAAC;QAAU,wBAAE,CAAA,GAAA,WAAG,GAAG;kBAAE;YAAM,WAAW;QAAuB;KAAG;AAEpE;AAEA,SAAS,yCAAmB,KAAK;IAC/B,IAAI,SACF,KAAK,kBACL,iBAAiB,gBACjB,QAAQ,YACR,QAAQ,YACR,QAAQ,YACR,WAAW,KAAO,kBAClB,gBAAgB,iBAChB,SAAS,EACV,GAAG;IACJ,MAAM,CAAC,QAAQ,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE,YAAY;IAE/C,MAAM,YAAY;QAChB;QACA,QAAQ,CAAC;IACX;IAEA,OAAO,wBACL,4BACA;QACE,WAAW,CAAA,GAAA,iBAAS,EAAE,WAAW;YAC/B,UAAU;YACV,WAAW,CAAC;QACd;IACF,GACA;QACE,wBACE,2CACA;YACE,UAAU;YACV,UAAU;mBACV;4BACA;QACF,GACA,wBAAE,oCAAoC;YACpC,wBAAE,gCAAgC;YAClC;YACA;SACD;QAEH,wBAAE,CAAA,GAAA,eAAO,GAAG;oBAAE;QAAO,GAAG,wBAAE,0BAA0B,MAAM;KAC3D;AAEL;AAEO,SAAS,0CAAiB,KAAK;IACpC,IAAI,SAAE,KAAK,YAAE,QAAQ,aAAE,SAAS,iBAAE,gBAAgB,MAAM,GAAG;IAC3D,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,qBAAqB,MAAM,iBAAiB,wBAAE,MAAM;QACtD,wBAAE,qBAAqB,MAAM;KAC9B;AACH;AAEA,SAAS,0CAAe,KAAK;IAC3B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;IACb;AACF;AAEA,SAAS,0CAAkB,KAAK;IAC9B,OAAO,wBAAE,0CAAoB;QAC3B,GAAG,KAAK;QACR,WAAW;QACX,gBAAgB;IAClB;AACF;AAEA,SAAS,0CAAuB,KAAK;IACnC,IAAI,SAAE,KAAK,YAAE,QAAQ,SAAE,KAAK,iBAAE,aAAa,aAAE,SAAS,EAAE,GAAG;IAC3D,MAAM,CAAC,QAAQ,UAAU,GAAG,CAAA,GAAA,eAAO,EAAE;IACrC,kBAAkB,wBAAE;QAAC,wBAAE,aAAa;QAAQ;KAAM;IAClD,OAAO,wBAAE,0BAA0B;mBAAE;IAAU,GAAG;QAChD,wBAAE,+BAA+B;YAC/B,wBAAE,iCAAiC;YACnC,wBAAE,iCAAiC;gBACjC,wBAAE,CAAA,GAAA,aAAK,GAAG;oBACR,OAAO;oBACP,SAAS;oBACT,QAAQ;oBACR,SAAS,IAAM,UAAU,CAAC;oBAC1B,MAAM;gBACR;aACD;SACF;QACD,wBACE,CAAA,GAAA,eAAO,GACP;oBAAE;QAAO,GACT,wBAAE,mCAAmC,MAAM;KAE9C;AACH;AAEA,SAAS,0CAAc,SAAE,KAAK,aAAE,SAAS,YAAE,QAAQ,EAAE;IACnD,OAAO,wBAAE,sBAAsB;mBAAE;IAAU,GAAG;QAC5C,wBAAE,qCAAqC;QACvC,wBAAE,mCAAmC,MAAM;KAC5C;AACH","sources":["packages/map-interface/src/expansion-panel/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n  const { expanded, children, onChange, className, title, titleComponent } =\n    props;\n  const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n  return h(\n    PanelSubhead,\n    {\n      className: classNames(\"expansion-panel-header\", className),\n      onClick: onChange,\n      title,\n      component: titleComponent,\n    },\n    [children, h(Icon, { icon, className: \"expansion-panel-icon\" })],\n  );\n}\n\nfunction ExpansionPanelBase(props) {\n  let {\n    title,\n    titleComponent = \"h3\",\n    children,\n    expanded,\n    helpText,\n    onChange = () => {},\n    sideComponent = null,\n    className,\n  } = props;\n  const [isOpen, setOpen] = useState(expanded || false);\n\n  const onChange_ = () => {\n    onChange();\n    setOpen(!isOpen);\n  };\n\n  return h(\n    \"div.expansion-panel-base\",\n    {\n      className: classNames(className, {\n        expanded: isOpen,\n        collapsed: !isOpen,\n      }),\n    },\n    [\n      h(\n        ExpansionPanelSummary,\n        {\n          onChange: onChange_,\n          expanded: isOpen,\n          title,\n          titleComponent,\n        },\n        h(\"div.expansion-summary-title-help\", [\n          h(\"span.expansion-panel-subtext\", helpText),\n          \" \",\n          sideComponent,\n        ]),\n      ),\n      h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n    ],\n  );\n}\n\nexport function InfoPanelSection(props) {\n  let { title, children, className, headerElement = null } = props;\n  return h(\"div.info-panel-section\", { className }, [\n    h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n    h(\"div.panel-content\", null, children),\n  ]);\n}\n\nfunction ExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel\",\n  });\n}\n\nfunction SubExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel sub-expansion-panel\",\n    titleComponent: \"h4\",\n  });\n}\n\nfunction ExpandableDetailsPanel(props) {\n  let { title, children, value, headerElement, className } = props;\n  const [isOpen, setIsOpen] = useState(false);\n  headerElement ??= h([h(\"div.title\", title), value]);\n  return h(\"div.expandable-details\", { className }, [\n    h(\"div.expandable-details-main\", [\n      h(\"div.expandable-details-header\", headerElement),\n      h(\"div.expandable-details-toggle\", [\n        h(Button, {\n          small: true,\n          minimal: true,\n          active: isOpen,\n          onClick: () => setIsOpen(!isOpen),\n          icon: \"more\",\n        }),\n      ]),\n    ]),\n    h(\n      Collapse,\n      { isOpen },\n      h(\"div.expandable-details-children\", null, children),\n    ),\n  ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n  return h(\"div.expansion-body\", { className }, [\n    h(\"div.expansion-panel-detail-header\", title),\n    h(\"div.expansion-panel-detail-body\", null, children),\n  ]);\n}\n\nexport {\n  ExpansionPanel,\n  ExpansionPanelSummary,\n  ExpandableDetailsPanel,\n  SubExpansionPanel,\n  ExpansionBody,\n  PanelSubhead,\n};\n"],"names":[],"version":3,"file":"map-interface.3f07937e.js.map"}

package/dist/esm/map-interface.473f1f2b.js

@@ -1,28 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $fbe402416678c280$exports = {};
-
-$parcel$export($fbe402416678c280$exports, "loading-button", () => $fbe402416678c280$export$fcaa8d3bc8e9cf1e, (v) => $fbe402416678c280$export$fcaa8d3bc8e9cf1e = v);
-$parcel$export($fbe402416678c280$exports, "navbar", () => $fbe402416678c280$export$58733aaf927c3bbe, (v) => $fbe402416678c280$export$58733aaf927c3bbe = v);
-$parcel$export($fbe402416678c280$exports, "navbar-holder", () => $fbe402416678c280$export$d8779dd86528d602, (v) => $fbe402416678c280$export$d8779dd86528d602 = v);
-$parcel$export($fbe402416678c280$exports, "searchbar", () => $fbe402416678c280$export$2ac23befe9d406ee, (v) => $fbe402416678c280$export$2ac23befe9d406ee = v);
-$parcel$export($fbe402416678c280$exports, "searchbar-holder", () => $fbe402416678c280$export$3a39e67bbbcbd4ae, (v) => $fbe402416678c280$export$3a39e67bbbcbd4ae = v);
-$parcel$export($fbe402416678c280$exports, "status-tongue", () => $fbe402416678c280$export$764ade2d69041360, (v) => $fbe402416678c280$export$764ade2d69041360 = v);
-var $fbe402416678c280$export$fcaa8d3bc8e9cf1e;
-var $fbe402416678c280$export$58733aaf927c3bbe;
-var $fbe402416678c280$export$d8779dd86528d602;
-var $fbe402416678c280$export$2ac23befe9d406ee;
-var $fbe402416678c280$export$3a39e67bbbcbd4ae;
-var $fbe402416678c280$export$764ade2d69041360;
-$fbe402416678c280$export$fcaa8d3bc8e9cf1e = `_8hZKsW_loading-button`;
-$fbe402416678c280$export$58733aaf927c3bbe = `_8hZKsW_navbar`;
-$fbe402416678c280$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
-$fbe402416678c280$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
-$fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
-$fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
-
-
-export {$fbe402416678c280$exports as default};
-//# sourceMappingURL=map-interface.473f1f2b.js.map

package/dist/esm/map-interface.473f1f2b.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AALA,4CAAmC,CAAC,sBAAsB,CAAC;AAC3D,4CAA2B,CAAC,cAAc,CAAC;AAC3C,4CAAkC,CAAC,qBAAqB,CAAC;AACzD,4CAA8B,CAAC,iBAAiB,CAAC;AACjD,4CAAqC,CAAC,wBAAwB,CAAC;AAC/D,4CAAkC,CAAC,qBAAqB,CAAC","sources":["packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":[".searchbar-holder\n  transition: margin 300ms\n  display: flex\n  flex-direction: column\n  margin: 0\n\n  .navbar-holder\n    display: flex\n    flex-direction: row\n\n  .searchbar\n    width: 100%\n    background-color: var(--panel-background-color)\n    border-radius: var(--map-panel-border-radius, 5px)\n    padding: var(--navbar-padding, 10px)\n    display: flex\n    flex-direction: row\n    align-items: center\n    gap: 5px\n\n    :global(.bp5-input-group)\n      flex-grow: 1\n      cursor: text\n\n.navbar\n  min-height: 50px\n\n:global(.bp5-navbar) > .loading-button\n  width: 40px\n  height: 40px\n\n.status-tongue:global(.bp5-card)\n  background-color: var(--panel-background-color)\n  margin: 5px\n  margin-bottom: 0\n  margin-top: -12px\n  padding: 0\n  padding-top: 12px\n  overflow: hidden\n\n@media screen and (max-width: 768px)\n  .status-tongue\n    max-width: 100vw\n    margin: 0\n    border-radius: 0\n    margin-top: -3px\n"],"names":[],"version":3,"file":"map-interface.473f1f2b.js.map"}

package/dist/esm/map-interface.50edfdfd.js

@@ -1,74 +0,0 @@
-import $9t1N0$mapinterface065737fejs from "./map-interface.065737fe.js";
-import "../cjs/map-interface.4a401c1f.css";
-import {useRef as $9t1N0$useRef} from "react";
-import {ScaleControl as $9t1N0$ScaleControl, GeolocateControl as $9t1N0$GeolocateControl} from "mapbox-gl";
-import $9t1N0$macrostrathyper from "@macrostrat/hyper";
-import {MapControlWrapper as $9t1N0$MapControlWrapper, useMapStatus as $9t1N0$useMapStatus, ThreeDControl as $9t1N0$ThreeDControl, CompassControl as $9t1N0$CompassControl, GlobeControl as $9t1N0$GlobeControl} from "@macrostrat/mapbox-react";
-import {DevToolsButtonSlot as $9t1N0$DevToolsButtonSlot} from "@macrostrat/ui-components";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-const $91d5aa004eeb2226$var$h = (0, $9t1N0$macrostrathyper).styled((0, ($parcel$interopDefault($9t1N0$mapinterface065737fejs))));
-function $91d5aa004eeb2226$var$ScaleControl(props) {
-    const optionsRef = (0, $9t1N0$useRef)({
-        maxWidth: 200,
-        unit: "metric"
-    });
-    return $91d5aa004eeb2226$var$h((0, $9t1N0$MapControlWrapper), {
-        className: "map-scale-control",
-        control: (0, $9t1N0$ScaleControl),
-        options: optionsRef.current,
-        ...props
-    });
-}
-function $91d5aa004eeb2226$var$GeolocationControl(props) {
-    const optionsRef = (0, $9t1N0$useRef)({
-        showAccuracyCircle: true,
-        showUserLocation: true,
-        trackUserLocation: true,
-        positionOptions: {
-            enableHighAccuracy: true
-        }
-    });
-    return $91d5aa004eeb2226$var$h((0, $9t1N0$MapControlWrapper), {
-        control: (0, $9t1N0$GeolocateControl),
-        options: optionsRef.current,
-        ...props
-    });
-}
-function $91d5aa004eeb2226$export$db1a2e058a06fb5c({ children: children }) {
-    const { isInitialized: isInitialized } = (0, $9t1N0$useMapStatus)();
-    if (!isInitialized) return null;
-    return $91d5aa004eeb2226$var$h("div.map-controls", [
-        $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$ScaleControl),
-        $91d5aa004eeb2226$var$h((0, $9t1N0$ThreeDControl), {
-            className: "map-3d-control"
-        }),
-        $91d5aa004eeb2226$var$h((0, $9t1N0$CompassControl), {
-            className: "compass-control"
-        }),
-        $91d5aa004eeb2226$var$h((0, $9t1N0$GlobeControl), {
-            className: "globe-control"
-        }),
-        $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$GeolocationControl, {
-            className: "geolocation-control"
-        }),
-        // If we have global development tools enabled, show the button
-        $91d5aa004eeb2226$var$h((0, $9t1N0$DevToolsButtonSlot), {
-            className: "map-control"
-        }),
-        children
-    ]);
-}
-
-
-export {$91d5aa004eeb2226$export$db1a2e058a06fb5c as MapBottomControls};
-//# sourceMappingURL=map-interface.50edfdfd.js.map

package/dist/esm/map-interface.50edfdfd.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAE5B,SAAS,mCAAa,KAAK;IACzB,MAAM,aAAa,CAAA,GAAA,aAAK,EAAE;QACxB,UAAU;QACV,MAAM;IACR;IACA,OAAO,wBAAE,CAAA,GAAA,wBAAgB,GAAG;QAC1B,WAAW;QACX,SAAS,CAAA,GAAA,mBAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEA,SAAS,yCAAmB,KAAK;IAC/B,MAAM,aAAa,CAAA,GAAA,aAAK,EAAE;QACxB,oBAAoB;QACpB,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;YACf,oBAAoB;QACtB;IACF;IACA,OAAO,wBAAE,CAAA,GAAA,wBAAgB,GAAG;QAC1B,SAAS,CAAA,GAAA,uBAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEO,SAAS,0CAAkB,YAAE,QAAQ,EAAE;IAC5C,MAAM,iBAAE,aAAa,EAAE,GAAG,CAAA,GAAA,mBAAW;IAErC,IAAI,CAAC,eACH,OAAO;IAGT,OAAO,wBAAE,oBAAoB;QAC3B,wBAAE;QACF,wBAAE,CAAA,GAAA,oBAAY,GAAG;YAAE,WAAW;QAAiB;QAC/C,wBAAE,CAAA,GAAA,qBAAa,GAAG;YAAE,WAAW;QAAkB;QACjD,wBAAE,CAAA,GAAA,mBAAW,GAAG;YAAE,WAAW;QAAgB;QAC7C,wBAAE,0CAAoB;YAAE,WAAW;QAAsB;QACzD,+DAA+D;QAC/D,wBAAE,CAAA,GAAA,yBAAiB,GAAG;YAAE,WAAW;QAAc;QACjD;KACD;AACH","sources":["packages/map-interface/src/controls.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { GeolocateControl } from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport {\n  CompassControl,\n  GlobeControl,\n  ThreeDControl,\n  MapControlWrapper,\n  useMapStatus,\n} from \"@macrostrat/mapbox-react\";\nimport { ScaleControl as BaseScaleControl } from \"mapbox-gl\";\nimport { DevToolsButtonSlot } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nfunction ScaleControl(props) {\n  const optionsRef = useRef({\n    maxWidth: 200,\n    unit: \"metric\",\n  });\n  return h(MapControlWrapper, {\n    className: \"map-scale-control\",\n    control: BaseScaleControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nfunction GeolocationControl(props) {\n  const optionsRef = useRef({\n    showAccuracyCircle: true,\n    showUserLocation: true,\n    trackUserLocation: true,\n    positionOptions: {\n      enableHighAccuracy: true,\n    },\n  });\n  return h(MapControlWrapper, {\n    control: GeolocateControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nexport function MapBottomControls({ children }) {\n  const { isInitialized } = useMapStatus();\n\n  if (!isInitialized) {\n    return null;\n  }\n\n  return h(\"div.map-controls\", [\n    h(ScaleControl),\n    h(ThreeDControl, { className: \"map-3d-control\" }),\n    h(CompassControl, { className: \"compass-control\" }),\n    h(GlobeControl, { className: \"globe-control\" }),\n    h(GeolocationControl, { className: \"geolocation-control\" }),\n    // If we have global development tools enabled, show the button\n    h(DevToolsButtonSlot, { className: \"map-control\" }),\n    children,\n  ]);\n}\n"],"names":[],"version":3,"file":"map-interface.50edfdfd.js.map"}