@macrostrat/map-interface 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -4,6 +4,13 @@ All notable changes to this project will be documented in this file. The format
 is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this
 project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.0] - 2025-02-14
+
+- Make several dependencies more explicit
+- Create an option for the sidebar to focus on a region as well as a point
+- Streamline code
+- Create stories
+
 ## [1.1.0] - 2024-11-16
 
 - Improve map state management with `zustand` (in `@macrostrat/mapbox-react`)

package/dist/cjs/container.72611900.js

@@ -0,0 +1,134 @@
+var $35f1bc0112883d51$exports = require("./main.module.62939ea7.js");
+require("./main.module.f085a193.css");
+var $f333fe6f49373ca9$exports = require("./controls.7ce3e95c.js");
+var $4Qxhf$macrostrathyper = require("@macrostrat/hyper");
+var $4Qxhf$classnames = require("classnames");
+var $4Qxhf$transitionhook = require("transition-hook");
+var $4Qxhf$macrostratmapboxreact = require("@macrostrat/mapbox-react");
+var $4Qxhf$macrostratuicomponents = require("@macrostrat/ui-components");
+var $4Qxhf$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
+var $4Qxhf$blueprintjscore = require("@blueprintjs/core");
+
+
+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, "PanelCard", () => $c3311f59335df34d$export$ec68dd77edbe678b);
+$parcel$export(module.exports, "DetailPanelStyle", () => $c3311f59335df34d$export$612ca936d3ed4784);
+$parcel$export(module.exports, "MapAreaContainer", () => $c3311f59335df34d$export$9fa5da0bcfd0a290);
+$parcel$export(module.exports, "MapStyledContainer", () => $c3311f59335df34d$export$fa395a37c3898ae3);
+
+
+
+
+
+
+
+
+
+const $c3311f59335df34d$var$h = (0, ($parcel$interopDefault($4Qxhf$macrostrathyper))).styled((0, ($parcel$interopDefault($35f1bc0112883d51$exports))));
+const $c3311f59335df34d$export$ec68dd77edbe678b = (props)=>$c3311f59335df34d$var$h((0, $4Qxhf$blueprintjscore.Card), {
+        ...props,
+        className: (0, ($parcel$interopDefault($4Qxhf$classnames)))("panel-card", props.className)
+    });
+var $c3311f59335df34d$export$612ca936d3ed4784 = /*#__PURE__*/ function(DetailPanelStyle) {
+    DetailPanelStyle["FIXED"] = "fixed";
+    DetailPanelStyle["FLOATING"] = "floating";
+    return DetailPanelStyle;
+}({});
+const $c3311f59335df34d$export$9fa5da0bcfd0a290 = (props)=>$c3311f59335df34d$var$h($c3311f59335df34d$var$MapProviders, $c3311f59335df34d$var$h($c3311f59335df34d$var$_MapAreaContainer, props));
+function $c3311f59335df34d$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 = $c3311f59335df34d$var$h((0, $f333fe6f49373ca9$exports.MapBottomControls)), 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, $4Qxhf$transitionhook.useTransition)(contextPanelOpen, 800);
+    const detailPanelTrans = (0, $4Qxhf$transitionhook.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, ($parcel$interopDefault($4Qxhf$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 = $c3311f59335df34d$var$h([
+        $c3311f59335df34d$var$h((0, $4Qxhf$macrostratmapboxreact.ZoomControl), {
+            className: "zoom-control"
+        }),
+        $c3311f59335df34d$var$h("div.spacer"),
+        mapControls
+    ]);
+    const detailStackExt = $c3311f59335df34d$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
+        $c3311f59335df34d$var$h("div.detail-panel-holder", null, detailPanel),
+        $c3311f59335df34d$var$h.if(detailPanelStyle == "floating")([
+            mapControlsExt
+        ])
+    ]);
+    let contextStack = null;
+    if (navbar != null && contextPanel != null) contextStack = $c3311f59335df34d$var$h($c3311f59335df34d$var$ContextStack, {
+        navbar: navbar,
+        ...contextStackProps
+    }, [
+        $c3311f59335df34d$var$h.if(contextPanelTrans.shouldMount)([
+            contextPanel
+        ])
+    ]);
+    return $c3311f59335df34d$var$h($c3311f59335df34d$export$fa395a37c3898ae3, {
+        className: mainUIClassNames
+    }, [
+        $c3311f59335df34d$var$h("div.main-row", [
+            $c3311f59335df34d$var$h("div.map-ui", {
+                ...rest
+            }, [
+                contextStack,
+                //h(MapView),
+                children ?? mainPanel,
+                $c3311f59335df34d$var$h.if(detailPanelStyle == "floating")([
+                    detailStackExt
+                ]),
+                $c3311f59335df34d$var$h.if(detailPanelStyle == "fixed")("div.map-control-stack", mapControlsExt)
+            ]),
+            $c3311f59335df34d$var$h.if(detailPanelStyle == "fixed")([
+                detailStackExt
+            ])
+        ]),
+        $c3311f59335df34d$var$h("div.bottom", null, bottomPanel)
+    ]);
+}
+function $c3311f59335df34d$var$ContextStack(props) {
+    const { adaptiveWidth: adaptiveWidth, navbar: navbar, children: children, ...rest } = props;
+    const props1 = (0, $4Qxhf$macrostrathyper.addClassNames)(rest, {
+        "adaptive-width": adaptiveWidth
+    });
+    return $c3311f59335df34d$var$h("div.context-stack", props1, [
+        navbar,
+        $c3311f59335df34d$var$h("div.context-panel-holder", null, children),
+        $c3311f59335df34d$var$h("div.spacer")
+    ]);
+}
+const $c3311f59335df34d$var$MapProviders = ({ children: children })=>$c3311f59335df34d$var$h((0, $4Qxhf$macrostratuicomponents.ToasterContext), $c3311f59335df34d$var$h((0, $4Qxhf$macrostratmapboxreact.MapboxMapProvider), children));
+function $c3311f59335df34d$export$fa395a37c3898ae3({ className: className, children: children }) {
+    const mapPosition = (0, $4Qxhf$macrostratmapboxreact.useMapPosition)();
+    if (mapPosition != null) {
+        const { mapIsRotated: mapIsRotated, mapUse3D: mapUse3D, mapIsGlobal: mapIsGlobal } = (0, $4Qxhf$macrostratmapboxutils.mapViewInfo)(mapPosition);
+        className = (0, ($parcel$interopDefault($4Qxhf$classnames)))(className, {
+            "map-is-rotated": mapIsRotated,
+            "map-3d-available": mapUse3D,
+            "map-is-global": mapIsGlobal
+        });
+    }
+    return $c3311f59335df34d$var$h("div", {
+        className: className
+    }, children);
+} //const _MapPage = compose(HotkeysProvider, MapPage);
+
+
+//# sourceMappingURL=container.72611900.js.map

package/dist/cjs/container.72611900.js.map

@@ -0,0 +1 @@
+{"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":"container.72611900.js.map"}

package/dist/cjs/context-panel.8c4b009c.js

@@ -0,0 +1,88 @@
+require("./main.module.92978d8b.css");
+var $7a1b0f72a2e7f87d$exports = require("./main.module.e958948e.js");
+var $gcA2U$blueprintjscore = require("@blueprintjs/core");
+var $gcA2U$macrostrathyper = require("@macrostrat/hyper");
+var $gcA2U$macrostratmapboxreact = require("@macrostrat/mapbox-react");
+var $gcA2U$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, "LoadingButton", () => $fce5fc950d1fe35b$export$4ec83e90d030b2f3);
+$parcel$export(module.exports, "MapLoadingButton", () => $fce5fc950d1fe35b$export$9e3bae3c08bde368);
+$parcel$export(module.exports, "FloatingNavbar", () => $fce5fc950d1fe35b$export$a8cc0062d02a3841);
+
+
+
+
+
+const $fce5fc950d1fe35b$var$h = (0, ($parcel$interopDefault($gcA2U$macrostrathyper))).styled((0, ($parcel$interopDefault($7a1b0f72a2e7f87d$exports))));
+const $fce5fc950d1fe35b$var$spinnerElement = $fce5fc950d1fe35b$var$h((0, $gcA2U$blueprintjscore.Spinner), {
+    size: 16
+});
+function $fce5fc950d1fe35b$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, large: large = true, icon: icon = "menu", style: style }) {
+    return $fce5fc950d1fe35b$var$h((0, $gcA2U$blueprintjscore.Button), {
+        className: "loading-button",
+        icon: isLoading ? $fce5fc950d1fe35b$var$spinnerElement : icon,
+        large: large,
+        minimal: true,
+        onClick: onClick,
+        active: active && !isLoading,
+        style: style
+    });
+}
+function $fce5fc950d1fe35b$export$9e3bae3c08bde368(props) {
+    const isLoading = (0, $gcA2U$macrostratmapboxreact.useMapStatus)((s)=>s.isLoading);
+    return $fce5fc950d1fe35b$var$h($fce5fc950d1fe35b$export$4ec83e90d030b2f3, {
+        ...props,
+        isLoading: isLoading
+    });
+}
+function $fce5fc950d1fe35b$export$a8cc0062d02a3841({ className: className, children: children, headerElement: headerElement = null, title: title = null, statusElement: statusElement = null, rightElement: rightElement = null, height: height, width: width, style: style = {} }) {
+    let _rightElement = null;
+    if (rightElement != null) _rightElement = $fce5fc950d1fe35b$var$h("div.right-element", rightElement);
+    let _headerElement = headerElement;
+    if (title != null && _headerElement == null) {
+        if (typeof title === "string") _headerElement = $fce5fc950d1fe35b$var$h((0, $gcA2U$blueprintjscore.Text), {
+            tagName: "h2",
+            ellipsize: true
+        }, title);
+        else _headerElement = title;
+    }
+    if (_headerElement != null) _headerElement = $fce5fc950d1fe35b$var$h([
+        _headerElement,
+        $fce5fc950d1fe35b$var$h((0, $gcA2U$macrostratuicomponents.Spacer))
+    ]);
+    return $fce5fc950d1fe35b$var$h("div.searchbar-holder", {
+        className: className,
+        style: {
+            width: width
+        }
+    }, [
+        $fce5fc950d1fe35b$var$h("div.navbar-holder", [
+            $fce5fc950d1fe35b$var$h((0, $gcA2U$blueprintjscore.Navbar), {
+                className: "searchbar navbar panel",
+                style: {
+                    height: height,
+                    ...style
+                }
+            }, [
+                _headerElement,
+                children,
+                _rightElement
+            ])
+        ]),
+        $fce5fc950d1fe35b$var$h.if(statusElement != null)((0, $gcA2U$blueprintjscore.Card), {
+            className: "status-tongue"
+        }, statusElement)
+    ]);
+}
+
+
+//# sourceMappingURL=context-panel.8c4b009c.js.map

package/dist/cjs/context-panel.8c4b009c.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,MAAM,uCAAiB,wBAAE,CAAA,GAAA,8BAAM,GAAG;IAAE,MAAM;AAAG;AAEtC,SAAS,0CAAc,aAC5B,YAAY,gBACZ,OAAO,UACP,SAAS,cACT,QAAQ,YACR,OAAO,eACP,KAAK,EACN;IACC,OAAO,wBAAE,CAAA,GAAA,6BAAK,GAAG;QACf,WAAW;QACX,MAAM,YAAY,uCAAiB;eACnC;QACA,SAAS;iBACT;QACA,QAAQ,UAAU,CAAC;eACnB;IACF;AACF;AAEO,SAAS,0CAAiB,KAAK;IACpC,MAAM,YAAY,CAAA,GAAA,yCAAW,EAAE,CAAC,IAAM,EAAE,SAAS;IACjD,OAAO,wBAAE,2CAAe;QAAE,GAAG,KAAK;mBAAE;IAAU;AAChD;AAgBO,SAAS,0CAAe,aAC7B,SAAS,YACT,QAAQ,iBACR,gBAAgB,aAChB,QAAQ,qBACR,gBAAgB,oBAChB,eAAe,cACf,MAAM,SACN,KAAK,SACL,QAAQ,CAAC,GACW;IACpB,IAAI,gBAAwC;IAC5C,IAAI,gBAAgB,MAClB,gBAAgB,wBAAE,qBAAqB;IAGzC,IAAI,iBAAyC;IAC7C,IAAI,SAAS,QAAQ,kBAAkB;QACrC,IAAI,OAAO,UAAU,UACnB,iBAAiB,wBAAE,CAAA,GAAA,2BAAG,GAAG;YAAE,SAAS;YAAM,WAAW;QAAK,GAAG;aAE7D,iBAAiB;;IAIrB,IAAI,kBAAkB,MACpB,iBAAiB,wBAAE;QAAC;QAAgB,wBAAE,CAAA,GAAA,oCAAK;KAAG;IAGhD,OAAO,wBAAE,wBAAwB;mBAAE;QAAW,OAAO;mBAAE;QAAM;IAAE,GAAG;QAChE,wBAAE,qBAAqB;YACrB,wBACE,CAAA,GAAA,6BAAK,GACL;gBACE,WAAW;gBACX,OAAO;4BAAE;oBAAQ,GAAG,KAAK;gBAAC;YAC5B,GACA;gBAAC;gBAAgB;gBAAU;aAAc;SAE5C;QACD,wBAAE,EAAE,CAAC,iBAAiB,MACpB,CAAA,GAAA,2BAAG,GACH;YAAE,WAAW;QAAgB,GAC7B;KAEH;AACH","sources":["packages/map-interface/src/context-panel/index.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Navbar, Button, Spinner, Card, Text } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useMapStatus } from \"@macrostrat/mapbox-react\";\nimport { Spacer } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nconst spinnerElement = h(Spinner, { size: 16 });\n\nexport function LoadingButton({\n  isLoading = false,\n  onClick,\n  active = false,\n  large = true,\n  icon = \"menu\",\n  style,\n}) {\n  return h(Button, {\n    className: \"loading-button\",\n    icon: isLoading ? spinnerElement : icon,\n    large,\n    minimal: true,\n    onClick,\n    active: active && !isLoading,\n    style,\n  });\n}\n\nexport function MapLoadingButton(props) {\n  const isLoading = useMapStatus((s) => s.isLoading);\n  return h(LoadingButton, { ...props, isLoading });\n}\n\ntype AnyChildren = React.ReactNode;\n\nexport interface FloatingNavbarProps {\n  className?: string;\n  children?: AnyChildren;\n  headerElement?: AnyChildren;\n  title?: AnyChildren;\n  statusElement?: AnyChildren;\n  rightElement?: AnyChildren;\n  height?: number | string;\n  width?: number | string;\n  style?: object;\n}\n\nexport function FloatingNavbar({\n  className,\n  children,\n  headerElement = null,\n  title = null,\n  statusElement = null,\n  rightElement = null,\n  height,\n  width,\n  style = {},\n}: FloatingNavbarProps) {\n  let _rightElement: React.ReactNode | null = null;\n  if (rightElement != null) {\n    _rightElement = h(\"div.right-element\", rightElement);\n  }\n\n  let _headerElement: React.ReactNode | null = headerElement;\n  if (title != null && _headerElement == null) {\n    if (typeof title === \"string\") {\n      _headerElement = h(Text, { tagName: \"h2\", ellipsize: true }, title);\n    } else {\n      _headerElement = title;\n    }\n  }\n\n  if (_headerElement != null) {\n    _headerElement = h([_headerElement, h(Spacer)]);\n  }\n\n  return h(\"div.searchbar-holder\", { className, style: { width } }, [\n    h(\"div.navbar-holder\", [\n      h(\n        Navbar,\n        {\n          className: \"searchbar navbar panel\",\n          style: { height, ...style },\n        },\n        [_headerElement, children, _rightElement]\n      ),\n    ]),\n    h.if(statusElement != null)(\n      Card,\n      { className: \"status-tongue\" },\n      statusElement\n    ),\n  ]);\n}\n"],"names":[],"version":3,"file":"context-panel.8c4b009c.js.map"}

package/dist/cjs/controls.7ce3e95c.js

@@ -0,0 +1,79 @@
+var $35f1bc0112883d51$exports = require("./main.module.62939ea7.js");
+require("./main.module.f085a193.css");
+var $9ks7g$react = require("react");
+var $9ks7g$mapboxgl = require("mapbox-gl");
+var $9ks7g$macrostrathyper = require("@macrostrat/hyper");
+var $9ks7g$macrostratmapboxreact = require("@macrostrat/mapbox-react");
+var $9ks7g$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, "MapBottomControls", () => $f333fe6f49373ca9$export$db1a2e058a06fb5c);
+
+
+
+
+
+
+const $f333fe6f49373ca9$var$h = (0, ($parcel$interopDefault($9ks7g$macrostrathyper))).styled((0, ($parcel$interopDefault($35f1bc0112883d51$exports))));
+function $f333fe6f49373ca9$var$ScaleControl(props) {
+    const optionsRef = (0, $9ks7g$react.useRef)({
+        maxWidth: 200,
+        unit: "metric"
+    });
+    return $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.MapControlWrapper), {
+        className: "map-scale-control",
+        control: (0, $9ks7g$mapboxgl.ScaleControl),
+        options: optionsRef.current,
+        ...props
+    });
+}
+function $f333fe6f49373ca9$var$GeolocationControl(props) {
+    const optionsRef = (0, $9ks7g$react.useRef)({
+        showAccuracyCircle: true,
+        showUserLocation: true,
+        trackUserLocation: true,
+        positionOptions: {
+            enableHighAccuracy: true
+        }
+    });
+    return $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.MapControlWrapper), {
+        control: (0, $9ks7g$mapboxgl.GeolocateControl),
+        options: optionsRef.current,
+        ...props
+    });
+}
+function $f333fe6f49373ca9$export$db1a2e058a06fb5c({ children: children }) {
+    const { isInitialized: isInitialized } = (0, $9ks7g$macrostratmapboxreact.useMapStatus)();
+    if (!isInitialized) return null;
+    return $f333fe6f49373ca9$var$h("div.map-controls", [
+        $f333fe6f49373ca9$var$h($f333fe6f49373ca9$var$ScaleControl),
+        $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.ThreeDControl), {
+            className: "map-3d-control"
+        }),
+        $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.CompassControl), {
+            className: "compass-control"
+        }),
+        $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.GlobeControl), {
+            className: "globe-control"
+        }),
+        $f333fe6f49373ca9$var$h($f333fe6f49373ca9$var$GeolocationControl, {
+            className: "geolocation-control"
+        }),
+        // If we have global development tools enabled, show the button
+        $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratuicomponents.DevToolsButtonSlot), {
+            className: "map-control"
+        }),
+        children
+    ]);
+}
+
+
+//# sourceMappingURL=controls.7ce3e95c.js.map

package/dist/cjs/controls.7ce3e95c.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,SAAS,mCAAa,KAAK;IACzB,MAAM,aAAa,CAAA,GAAA,mBAAK,EAAE;QACxB,UAAU;QACV,MAAM;IACR;IACA,OAAO,wBAAE,CAAA,GAAA,8CAAgB,GAAG;QAC1B,WAAW;QACX,SAAS,CAAA,GAAA,4BAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEA,SAAS,yCAAmB,KAAK;IAC/B,MAAM,aAAa,CAAA,GAAA,mBAAK,EAAE;QACxB,oBAAoB;QACpB,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;YACf,oBAAoB;QACtB;IACF;IACA,OAAO,wBAAE,CAAA,GAAA,8CAAgB,GAAG;QAC1B,SAAS,CAAA,GAAA,gCAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEO,SAAS,0CAAkB,YAAE,QAAQ,EAAE;IAC5C,MAAM,iBAAE,aAAa,EAAE,GAAG,CAAA,GAAA,yCAAW;IAErC,IAAI,CAAC,eACH,OAAO;IAGT,OAAO,wBAAE,oBAAoB;QAC3B,wBAAE;QACF,wBAAE,CAAA,GAAA,0CAAY,GAAG;YAAE,WAAW;QAAiB;QAC/C,wBAAE,CAAA,GAAA,2CAAa,GAAG;YAAE,WAAW;QAAkB;QACjD,wBAAE,CAAA,GAAA,yCAAW,GAAG;YAAE,WAAW;QAAgB;QAC7C,wBAAE,0CAAoB;YAAE,WAAW;QAAsB;QACzD,+DAA+D;QAC/D,wBAAE,CAAA,GAAA,gDAAiB,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":"controls.7ce3e95c.js.map"}

package/dist/cjs/dev.7499151f.js

@@ -0,0 +1,33 @@
+var $6f5ca387ac26c0b5$exports = require("./map-page.190b6723.js");
+var $abbe8d0af34cbbed$exports = require("./tile-extent.06a4b2ed.js");
+var $db14eb7a5c07abdb$exports = require("./vector-tile-features.456f887b.js");
+var $8646508ae99a5857$exports = require("./xray.a23f8660.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, $6f5ca387ac26c0b5$exports);
+$parcel$exportWildcard(module.exports, $abbe8d0af34cbbed$exports);
+$parcel$exportWildcard(module.exports, $db14eb7a5c07abdb$exports);
+$parcel$exportWildcard(module.exports, $8646508ae99a5857$exports);
+
+
+//# sourceMappingURL=dev.7499151f.js.map

package/dist/cjs/dev.7499151f.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/map-interface/src/dev/index.ts"],"sourcesContent":["export * from \"./map-page\";\nexport * from \"./tile-extent\";\nexport * from \"./vector-tile-features\";\nexport * from \"./xray\";\n"],"names":[],"version":3,"file":"dev.7499151f.js.map"}

package/dist/cjs/expansion-panel.08532cee.js

@@ -0,0 +1,134 @@
+var $b1c160aff794b8f5$exports = require("./main.module.4ecbaaa5.js");
+require("./main.module.ff1b1aca.css");
+var $a0970d22776f9f4c$exports = require("./headers.20eae5f7.js");
+var $fcjlG$react = require("react");
+var $fcjlG$blueprintjscore = require("@blueprintjs/core");
+var $fcjlG$macrostrathyper = require("@macrostrat/hyper");
+var $fcjlG$classnames = require("classnames");
+
+
+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, "ExpansionPanelSummary", () => $750d69d73bfbdc9a$export$cea00a9d724d5a32);
+$parcel$export(module.exports, "InfoPanelSection", () => $750d69d73bfbdc9a$export$39c134eb0b07cf0e);
+$parcel$export(module.exports, "ExpansionPanel", () => $750d69d73bfbdc9a$export$40e646e38e6ed100);
+$parcel$export(module.exports, "SubExpansionPanel", () => $750d69d73bfbdc9a$export$d7160281aff7c3b8);
+$parcel$export(module.exports, "ExpandableDetailsPanel", () => $750d69d73bfbdc9a$export$44ad9ff780615135);
+$parcel$export(module.exports, "ExpansionBody", () => $750d69d73bfbdc9a$export$263416b670b3f129);
+$parcel$export(module.exports, "PanelSubhead", () => $a0970d22776f9f4c$exports.PanelSubhead);
+
+
+
+
+
+
+const $750d69d73bfbdc9a$var$h = (0, ($parcel$interopDefault($fcjlG$macrostrathyper))).styled((0, ($parcel$interopDefault($b1c160aff794b8f5$exports))));
+function $750d69d73bfbdc9a$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 $750d69d73bfbdc9a$var$h((0, $a0970d22776f9f4c$exports.PanelSubhead), {
+        className: (0, ($parcel$interopDefault($fcjlG$classnames)))("expansion-panel-header", className),
+        onClick: onChange,
+        title: title,
+        component: titleComponent
+    }, [
+        children,
+        $750d69d73bfbdc9a$var$h((0, $fcjlG$blueprintjscore.Icon), {
+            icon: icon
+        })
+    ]);
+}
+function $750d69d73bfbdc9a$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, $fcjlG$react.useState)(expanded || false);
+    const onChange_ = ()=>{
+        onChange();
+        setOpen(!isOpen);
+    };
+    return $750d69d73bfbdc9a$var$h("div.expansion-panel-base", {
+        className: (0, ($parcel$interopDefault($fcjlG$classnames)))(className, {
+            expanded: isOpen,
+            collapsed: !isOpen
+        })
+    }, [
+        $750d69d73bfbdc9a$var$h($750d69d73bfbdc9a$export$cea00a9d724d5a32, {
+            onChange: onChange_,
+            expanded: isOpen,
+            title: title,
+            titleComponent: titleComponent
+        }, $750d69d73bfbdc9a$var$h("div.expansion-summary-title-help", [
+            $750d69d73bfbdc9a$var$h("span.expansion-panel-subtext", helpText),
+            " ",
+            sideComponent
+        ])),
+        $750d69d73bfbdc9a$var$h((0, $fcjlG$blueprintjscore.Collapse), {
+            isOpen: isOpen
+        }, $750d69d73bfbdc9a$var$h("div.expansion-children", null, children))
+    ]);
+}
+function $750d69d73bfbdc9a$export$39c134eb0b07cf0e(props) {
+    let { title: title, children: children, className: className, headerElement: headerElement = null } = props;
+    return $750d69d73bfbdc9a$var$h("div.info-panel-section", {
+        className: className
+    }, [
+        $750d69d73bfbdc9a$var$h("div.panel-subhead", null, headerElement ?? $750d69d73bfbdc9a$var$h("h3", title)),
+        $750d69d73bfbdc9a$var$h("div.panel-content", null, children)
+    ]);
+}
+function $750d69d73bfbdc9a$export$40e646e38e6ed100(props) {
+    return $750d69d73bfbdc9a$var$h($750d69d73bfbdc9a$var$ExpansionPanelBase, {
+        ...props,
+        className: "expansion-panel"
+    });
+}
+function $750d69d73bfbdc9a$export$d7160281aff7c3b8(props) {
+    return $750d69d73bfbdc9a$var$h($750d69d73bfbdc9a$var$ExpansionPanelBase, {
+        ...props,
+        className: "expansion-panel sub-expansion-panel",
+        titleComponent: "h4"
+    });
+}
+function $750d69d73bfbdc9a$export$44ad9ff780615135(props) {
+    let { title: title, children: children, value: value, headerElement: headerElement, className: className } = props;
+    const [isOpen, setIsOpen] = (0, $fcjlG$react.useState)(false);
+    headerElement ??= $750d69d73bfbdc9a$var$h([
+        $750d69d73bfbdc9a$var$h("div.title", title),
+        value
+    ]);
+    return $750d69d73bfbdc9a$var$h("div.expandable-details", {
+        className: className
+    }, [
+        $750d69d73bfbdc9a$var$h("div.expandable-details-main", [
+            $750d69d73bfbdc9a$var$h("div.expandable-details-header", headerElement),
+            $750d69d73bfbdc9a$var$h("div.expandable-details-toggle", [
+                $750d69d73bfbdc9a$var$h((0, $fcjlG$blueprintjscore.Button), {
+                    small: true,
+                    minimal: true,
+                    active: isOpen,
+                    onClick: ()=>setIsOpen(!isOpen),
+                    icon: "more"
+                })
+            ])
+        ]),
+        $750d69d73bfbdc9a$var$h((0, $fcjlG$blueprintjscore.Collapse), {
+            isOpen: isOpen
+        }, $750d69d73bfbdc9a$var$h("div.expandable-details-children", null, children))
+    ]);
+}
+function $750d69d73bfbdc9a$export$263416b670b3f129({ title: title, className: className, children: children }) {
+    return $750d69d73bfbdc9a$var$h("div.expansion-body", {
+        className: className
+    }, [
+        $750d69d73bfbdc9a$var$h("div.expansion-panel-detail-header", title),
+        $750d69d73bfbdc9a$var$h("div.expansion-panel-detail-body", null, children)
+    ]);
+}
+
+
+//# sourceMappingURL=expansion-panel.08532cee.js.map

package/dist/cjs/expansion-panel.08532cee.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;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,sCAAW,GACX;QACE,WAAW,CAAA,GAAA,2CAAS,EAAE,0BAA0B;QAChD,SAAS;eACT;QACA,WAAW;IACb,GACA;QAAC;QAAU,wBAAE,CAAA,GAAA,2BAAG,GAAG;kBAAE;QAAK;KAAG;AAEjC;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,qBAAO,EAAE,YAAY;IAE/C,MAAM,YAAY;QAChB;QACA,QAAQ,CAAC;IACX;IAEA,OAAO,wBACL,4BACA;QACE,WAAW,CAAA,GAAA,2CAAS,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,+BAAO,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,qBAAO,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,6BAAK,GAAG;oBACR,OAAO;oBACP,SAAS;oBACT,QAAQ;oBACR,SAAS,IAAM,UAAU,CAAC;oBAC1B,MAAM;gBACR;aACD;SACF;QACD,wBACE,CAAA,GAAA,+BAAO,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 })]\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":"expansion-panel.08532cee.js.map"}

package/dist/cjs/hash-string.62e84f08.js

@@ -0,0 +1,67 @@
+var $bf943af2b72f182b$exports = require("./utils.09cef979.js");
+var $aMvpk$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "applyMapPositionToHash", () => $370ea7ef3413c03a$export$8391d1abb505ffb3);
+$parcel$export(module.exports, "getMapPositionForHash", () => $370ea7ef3413c03a$export$80abf1cbcc3918e4);
+
+
+function $370ea7ef3413c03a$export$8391d1abb505ffb3(args, mapPosition) {
+    const pos = mapPosition?.camera;
+    if (pos == null) return;
+    const zoom = mapPosition.target?.zoom;
+    args.x = (0, $aMvpk$macrostratmapboxutils.formatCoordForZoomLevel)(pos.lng, zoom);
+    args.y = (0, $aMvpk$macrostratmapboxutils.formatCoordForZoomLevel)(pos.lat, zoom);
+    if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) args.z = (0, $bf943af2b72f182b$exports.fmt1)(zoom);
+    else if (pos.altitude != null) {
+        if (pos.altitude > 5000) args.z = (0, $bf943af2b72f182b$exports.fmt2)(pos.altitude / 1000) + "km";
+        else args.z = (0, $bf943af2b72f182b$exports.fmtInt)(pos.altitude) + "m";
+    }
+    if (pos.bearing != 0) {
+        let az = pos.bearing;
+        if (az < 0) az += 360;
+        args.a = (0, $bf943af2b72f182b$exports.fmtInt)(az);
+    }
+    if (pos.pitch != 0) args.e = (0, $bf943af2b72f182b$exports.fmtInt)(pos.pitch);
+}
+function $370ea7ef3413c03a$var$_fmt(x) {
+    if (Array.isArray(x)) x = x[0];
+    return parseFloat(x.toString());
+}
+function $370ea7ef3413c03a$export$80abf1cbcc3918e4(hashData, centerPosition) {
+    const { x: x = centerPosition?.lng ?? 0, y: y = centerPosition?.lat ?? 0, z: // Different default for zoom depending on whether we have a marker
+    z = centerPosition != null ? 7 : 2, a: a = 0, e: e = 0 } = hashData;
+    const lng = $370ea7ef3413c03a$var$_fmt(x);
+    const lat = $370ea7ef3413c03a$var$_fmt(y);
+    let altitude = null;
+    let zoom = null;
+    const _z = z.toString();
+    if (_z.endsWith("km")) altitude = $370ea7ef3413c03a$var$_fmt(_z.substring(0, _z.length - 2)) * 1000;
+    else if (_z.endsWith("m")) altitude = $370ea7ef3413c03a$var$_fmt(_z.substring(0, _z.length - 1));
+    else zoom = $370ea7ef3413c03a$var$_fmt(z);
+    const bearing = $370ea7ef3413c03a$var$_fmt(a);
+    const pitch = $370ea7ef3413c03a$var$_fmt(e);
+    let target = undefined;
+    if (bearing == 0 && pitch == 0 && zoom != null) target = {
+        lat: lat,
+        lng: lng,
+        zoom: zoom
+    };
+    return {
+        camera: {
+            lng: $370ea7ef3413c03a$var$_fmt(x),
+            lat: $370ea7ef3413c03a$var$_fmt(y),
+            altitude: altitude,
+            bearing: $370ea7ef3413c03a$var$_fmt(a),
+            pitch: $370ea7ef3413c03a$var$_fmt(e)
+        },
+        target: target
+    };
+}
+
+
+//# sourceMappingURL=hash-string.62e84f08.js.map

package/dist/cjs/hash-string.62e84f08.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAgBO,SAAS,0CACd,IAAwB,EACxB,WAA+B;IAE/B,MAAM,MAAM,aAAa;IACzB,IAAI,OAAO,MAAM;IACjB,MAAM,OAAO,YAAY,MAAM,EAAE;IAEjC,KAAK,CAAC,GAAG,CAAA,GAAA,oDAAsB,EAAE,IAAI,GAAG,EAAE;IAC1C,KAAK,CAAC,GAAG,CAAA,GAAA,oDAAsB,EAAE,IAAI,GAAG,EAAE;IAE1C,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,QAAQ,MAChD,KAAK,CAAC,GAAG,CAAA,GAAA,8BAAG,EAAE;SACT,IAAI,IAAI,QAAQ,IAAI;QACzB,IAAI,IAAI,QAAQ,GAAG,MACjB,KAAK,CAAC,GAAG,CAAA,GAAA,8BAAG,EAAE,IAAI,QAAQ,GAAG,QAAQ;aAErC,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE,IAAI,QAAQ,IAAI;;IAGpC,IAAI,IAAI,OAAO,IAAI,GAAG;QACpB,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,KAAK,GAAG,MAAM;QAClB,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE;IAClB;IACA,IAAI,IAAI,KAAK,IAAI,GACf,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE,IAAI,KAAK;AAE7B;AAEA,SAAS,2BAAK,CAA6B;IACzC,IAAI,MAAM,OAAO,CAAC,IAChB,IAAI,CAAC,CAAC,EAAE;IAEV,OAAO,WAAW,EAAE,QAAQ;AAC9B;AAEO,SAAS,0CACd,QAA6B,EAC7B,cAA6B;IAE7B,MAAM,KACJ,IAAI,gBAAgB,OAAO,MAC3B,IAAI,gBAAgB,OAAO,MAC3B,mEAAmE;IACnE,IAAI,kBAAkB,OAAO,IAAI,MACjC,IAAI,MACJ,IAAI,GACL,GAAG;IAEJ,MAAM,MAAM,2BAAK;IACjB,MAAM,MAAM,2BAAK;IAEjB,IAAI,WAAW;IACf,IAAI,OAAO;IACX,MAAM,KAAK,EAAE,QAAQ;IACrB,IAAI,GAAG,QAAQ,CAAC,OACd,WAAW,2BAAK,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,GAAG,MAAM;SAC7C,IAAI,GAAG,QAAQ,CAAC,MACrB,WAAW,2BAAK,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,GAAG;SAE5C,OAAO,2BAAK;IAEd,MAAM,UAAU,2BAAK;IACrB,MAAM,QAAQ,2BAAK;IAEnB,IAAI,SAAS;IACb,IAAI,WAAW,KAAK,SAAS,KAAK,QAAQ,MACxC,SAAS;aACP;aACA;cACA;IACF;IAGF,OAAO;QACL,QAAQ;YACN,KAAK,2BAAK;YACV,KAAK,2BAAK;sBACV;YACA,SAAS,2BAAK;YACd,OAAO,2BAAK;QACd;gBACA;IACF;AACF","sources":["packages/map-interface/src/location-info/hash-string.ts"],"sourcesContent":["import {\n  LatLng,\n  MapPosition,\n  formatCoordForZoomLevel,\n} from \"@macrostrat/mapbox-utils\";\nimport { ParsedQuery } from \"query-string\";\nimport { fmt1, fmt2, fmtInt } from \"./utils\";\n\ninterface LocationHashParams {\n  x?: string;\n  y?: string;\n  z?: string;\n  a?: string;\n  e?: string;\n}\n\nexport function applyMapPositionToHash(\n  args: LocationHashParams,\n  mapPosition: MapPosition | null\n) {\n  const pos = mapPosition?.camera;\n  if (pos == null) return;\n  const zoom = mapPosition.target?.zoom;\n\n  args.x = formatCoordForZoomLevel(pos.lng, zoom);\n  args.y = formatCoordForZoomLevel(pos.lat, zoom);\n\n  if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) {\n    args.z = fmt1(zoom);\n  } else if (pos.altitude != null) {\n    if (pos.altitude > 5000) {\n      args.z = fmt2(pos.altitude / 1000) + \"km\";\n    } else {\n      args.z = fmtInt(pos.altitude) + \"m\";\n    }\n  }\n  if (pos.bearing != 0) {\n    let az = pos.bearing;\n    if (az < 0) az += 360;\n    args.a = fmtInt(az);\n  }\n  if (pos.pitch != 0) {\n    args.e = fmtInt(pos.pitch);\n  }\n}\n\nfunction _fmt(x: string | number | string[]) {\n  if (Array.isArray(x)) {\n    x = x[0];\n  }\n  return parseFloat(x.toString());\n}\n\nexport function getMapPositionForHash(\n  hashData: ParsedQuery<string>,\n  centerPosition: LatLng | null\n): MapPosition {\n  const {\n    x = centerPosition?.lng ?? 0,\n    y = centerPosition?.lat ?? 0,\n    // Different default for zoom depending on whether we have a marker\n    z = centerPosition != null ? 7 : 2,\n    a = 0,\n    e = 0,\n  } = hashData;\n\n  const lng = _fmt(x);\n  const lat = _fmt(y);\n\n  let altitude = null;\n  let zoom = null;\n  const _z = z.toString();\n  if (_z.endsWith(\"km\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 2)) * 1000;\n  } else if (_z.endsWith(\"m\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 1));\n  } else {\n    zoom = _fmt(z);\n  }\n  const bearing = _fmt(a);\n  const pitch = _fmt(e);\n\n  let target = undefined;\n  if (bearing == 0 && pitch == 0 && zoom != null) {\n    target = {\n      lat,\n      lng,\n      zoom,\n    };\n  }\n\n  return {\n    camera: {\n      lng: _fmt(x),\n      lat: _fmt(y),\n      altitude,\n      bearing: _fmt(a),\n      pitch: _fmt(e),\n    },\n    target,\n  };\n}\n"],"names":[],"version":3,"file":"hash-string.62e84f08.js.map"}