@macrostrat/map-interface 1.1.0 → 1.2.1

package/dist/esm/controls.f757ce16.js

@@ -0,0 +1,74 @@
+import $9t1N0$mainmodulef70e002bjs from "./main.module.f70e002b.js";
+import "../cjs/main.module.f085a193.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$mainmodulef70e002bjs))));
+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=controls.f757ce16.js.map

package/dist/esm/controls.f757ce16.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;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":"controls.f757ce16.js.map"}

package/dist/esm/dev.ccb6e774.js

@@ -0,0 +1,13 @@
+import {h as $a281a0612311d660$export$dda1d9f60106f0e9, MapInspectorV2 as $a281a0612311d660$export$eab3034e57b46e26, DevMapPage as $a281a0612311d660$export$2391061fbdfb71ef} from "./map-page.b953c404.js";
+import {TileExtentLayer as $1d4d29ef2725aa16$export$86c09739b12f23cd} from "./tile-extent.ca526996.js";
+import {FeatureProperties as $b8c84b63e75fe4f2$export$2906e7f4b228efe9, FeatureRecord as $b8c84b63e75fe4f2$export$dc87b4d46cea200d, FeatureSelectionHandler as $b8c84b63e75fe4f2$export$214daccdda0f4ac6, Features as $b8c84b63e75fe4f2$export$617d79dae526d2cf, TileInfo as $b8c84b63e75fe4f2$export$43c75dec9d0b96c, FeaturePanel as $b8c84b63e75fe4f2$export$43277c51a01761c1} from "./vector-tile-features.e1a24df0.js";
+import {buildXRayStyle as $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d, buildInspectorStyle as $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6} from "./xray.c0663c25.js";
+
+
+
+
+
+
+
+export {$a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$eab3034e57b46e26 as MapInspectorV2, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$2906e7f4b228efe9 as FeatureProperties, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$617d79dae526d2cf as Features, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle};
+//# sourceMappingURL=dev.ccb6e774.js.map

package/dist/esm/dev.ccb6e774.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.ccb6e774.js.map"}

package/dist/esm/expansion-panel.feff0e62.js

@@ -0,0 +1,123 @@
+import $h94Kl$mainmodule89579666js from "./main.module.89579666.js";
+import "../cjs/main.module.ff1b1aca.css";
+import {PanelSubhead as $72e497a412b1da0a$export$ed081779ec3709aa} from "./headers.b25ff414.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$mainmodule89579666js))));
+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
+        })
+    ]);
+}
+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=expansion-panel.feff0e62.js.map

package/dist/esm/expansion-panel.feff0e62.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;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;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,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 })]\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.feff0e62.js.map"}

package/dist/esm/hash-string.836601b2.js

@@ -0,0 +1,61 @@
+import {fmt1 as $3e1bd09be8f70c4c$export$e54bbd2c33d17485, fmt2 as $3e1bd09be8f70c4c$export$4c173b1b2f78faf7, fmtInt as $3e1bd09be8f70c4c$export$bc135f63e2f56fd4} from "./utils.122d1f2d.js";
+import {formatCoordForZoomLevel as $diowj$formatCoordForZoomLevel} from "@macrostrat/mapbox-utils";
+
+
+
+function $bb5f34705d9c44bc$export$8391d1abb505ffb3(args, mapPosition) {
+    const pos = mapPosition?.camera;
+    if (pos == null) return;
+    const zoom = mapPosition.target?.zoom;
+    args.x = (0, $diowj$formatCoordForZoomLevel)(pos.lng, zoom);
+    args.y = (0, $diowj$formatCoordForZoomLevel)(pos.lat, zoom);
+    if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) args.z = (0, $3e1bd09be8f70c4c$export$e54bbd2c33d17485)(zoom);
+    else if (pos.altitude != null) {
+        if (pos.altitude > 5000) args.z = (0, $3e1bd09be8f70c4c$export$4c173b1b2f78faf7)(pos.altitude / 1000) + "km";
+        else args.z = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(pos.altitude) + "m";
+    }
+    if (pos.bearing != 0) {
+        let az = pos.bearing;
+        if (az < 0) az += 360;
+        args.a = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(az);
+    }
+    if (pos.pitch != 0) args.e = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(pos.pitch);
+}
+function $bb5f34705d9c44bc$var$_fmt(x) {
+    if (Array.isArray(x)) x = x[0];
+    return parseFloat(x.toString());
+}
+function $bb5f34705d9c44bc$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 = $bb5f34705d9c44bc$var$_fmt(x);
+    const lat = $bb5f34705d9c44bc$var$_fmt(y);
+    let altitude = null;
+    let zoom = null;
+    const _z = z.toString();
+    if (_z.endsWith("km")) altitude = $bb5f34705d9c44bc$var$_fmt(_z.substring(0, _z.length - 2)) * 1000;
+    else if (_z.endsWith("m")) altitude = $bb5f34705d9c44bc$var$_fmt(_z.substring(0, _z.length - 1));
+    else zoom = $bb5f34705d9c44bc$var$_fmt(z);
+    const bearing = $bb5f34705d9c44bc$var$_fmt(a);
+    const pitch = $bb5f34705d9c44bc$var$_fmt(e);
+    let target = undefined;
+    if (bearing == 0 && pitch == 0 && zoom != null) target = {
+        lat: lat,
+        lng: lng,
+        zoom: zoom
+    };
+    return {
+        camera: {
+            lng: $bb5f34705d9c44bc$var$_fmt(x),
+            lat: $bb5f34705d9c44bc$var$_fmt(y),
+            altitude: altitude,
+            bearing: $bb5f34705d9c44bc$var$_fmt(a),
+            pitch: $bb5f34705d9c44bc$var$_fmt(e)
+        },
+        target: target
+    };
+}
+
+
+export {$bb5f34705d9c44bc$export$8391d1abb505ffb3 as applyMapPositionToHash, $bb5f34705d9c44bc$export$80abf1cbcc3918e4 as getMapPositionForHash};
+//# sourceMappingURL=hash-string.836601b2.js.map

package/dist/esm/hash-string.836601b2.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,8BAAsB,EAAE,IAAI,GAAG,EAAE;IAC1C,KAAK,CAAC,GAAG,CAAA,GAAA,8BAAsB,EAAE,IAAI,GAAG,EAAE;IAE1C,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,QAAQ,MAChD,KAAK,CAAC,GAAG,CAAA,GAAA,yCAAG,EAAE;SACT,IAAI,IAAI,QAAQ,IAAI;QACzB,IAAI,IAAI,QAAQ,GAAG,MACjB,KAAK,CAAC,GAAG,CAAA,GAAA,yCAAG,EAAE,IAAI,QAAQ,GAAG,QAAQ;aAErC,KAAK,CAAC,GAAG,CAAA,GAAA,yCAAK,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,yCAAK,EAAE;IAClB;IACA,IAAI,IAAI,KAAK,IAAI,GACf,KAAK,CAAC,GAAG,CAAA,GAAA,yCAAK,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.836601b2.js.map"}

package/dist/esm/header.0f535ab1.js

@@ -0,0 +1,99 @@
+import "../cjs/main.module.02c4de16.css";
+import $fU9jX$mainmodule67a908dajs from "./main.module.67a908da.js";
+import {LngLatCoords as $4fae2d573d730db8$export$f195b3550849e560, Elevation as $4fae2d573d730db8$export$58bfb4f6ec5aa58d} from "./location-info.5543bb05.js";
+import {Button as $fU9jX$Button, Icon as $fU9jX$Icon} from "@blueprintjs/core";
+import $fU9jX$macrostrathyper from "@macrostrat/hyper";
+import {useToaster as $fU9jX$useToaster} from "@macrostrat/ui-components";
+import {useFocusState as $fU9jX$useFocusState, isCentered as $fU9jX$isCentered, LocationFocusButton as $fU9jX$LocationFocusButton} from "@macrostrat/mapbox-react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+const $427faf94283514d4$var$h = (0, $fU9jX$macrostrathyper).styled((0, ($parcel$interopDefault($fU9jX$mainmodule67a908dajs))));
+function $427faf94283514d4$var$PositionButton({ position: position, bounds: bounds, showCopyLink: showCopyLink = false }) {
+    const focusState = (0, $fU9jX$useFocusState)(position);
+    const copyLinkIsVisible = (0, $fU9jX$isCentered)(focusState) && showCopyLink;
+    return $427faf94283514d4$var$h("div.position-controls", [
+        $427faf94283514d4$var$h((0, $fU9jX$LocationFocusButton), {
+            location: position,
+            bounds: bounds,
+            focusState: focusState
+        }, []),
+        $427faf94283514d4$var$h.if(copyLinkIsVisible && position != null)($427faf94283514d4$var$CopyLinkButton, {
+            itemName: "position"
+        })
+    ]);
+}
+function $427faf94283514d4$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {
+    const toaster = (0, $fU9jX$useToaster)();
+    let message = `Copied link`;
+    if (itemName != null) message += ` to ${itemName}`;
+    message += "!";
+    return $427faf94283514d4$var$h((0, $fU9jX$Button), {
+        className: "copy-link-button",
+        rightIcon: $427faf94283514d4$var$h((0, $fU9jX$Icon), {
+            icon: "link",
+            size: 12
+        }),
+        minimal: true,
+        small: true,
+        onClick () {
+            navigator.clipboard.writeText(window.location.href).then(()=>{
+                toaster?.show({
+                    message: message,
+                    intent: "success",
+                    icon: "clipboard",
+                    timeout: 1000
+                });
+                onClick?.();
+            }, ()=>{
+                toaster?.show({
+                    message: "Failed to copy link",
+                    intent: "danger",
+                    icon: "error",
+                    timeout: 1000
+                });
+            });
+        },
+        ...rest
+    }, children ?? "Copy link");
+}
+function $427faf94283514d4$export$e9ff14c4822c2e8c(props) {
+    const { onClose: onClose, position: position, bounds: bounds, zoom: zoom = 7, elevation: elevation, showCopyPositionButton: showCopyPositionButton, children: children } = props;
+    let leftButton = null;
+    if (bounds != null || position != null) leftButton = $427faf94283514d4$var$h($427faf94283514d4$var$PositionButton, {
+        position: position,
+        bounds: bounds,
+        showCopyLink: showCopyPositionButton
+    });
+    return $427faf94283514d4$var$h("header.location-panel-header", [
+        leftButton,
+        children,
+        $427faf94283514d4$var$h("div.spacer"),
+        $427faf94283514d4$var$h.if(position != null)((0, $4fae2d573d730db8$export$f195b3550849e560), {
+            position: position,
+            zoom: zoom,
+            className: "infodrawer-header-item"
+        }),
+        $427faf94283514d4$var$h.if(elevation != null)((0, $4fae2d573d730db8$export$58bfb4f6ec5aa58d), {
+            elevation: elevation,
+            className: "infodrawer-header-item"
+        }),
+        $427faf94283514d4$var$h.if(onClose != null)((0, $fU9jX$Button), {
+            minimal: true,
+            icon: "cross",
+            onClick: onClose
+        })
+    ]);
+}
+
+
+export {$427faf94283514d4$export$e9ff14c4822c2e8c as InfoDrawerHeader};
+//# sourceMappingURL=header.0f535ab1.js.map

package/dist/esm/header.0f535ab1.js.map

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

package/dist/esm/headers.b25ff414.js

@@ -0,0 +1,24 @@
+import $1ittv$mainmodule89579666js from "./main.module.89579666.js";
+import "../cjs/main.module.ff1b1aca.css";
+import $1ittv$macrostrathyper from "@macrostrat/hyper";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+const $72e497a412b1da0a$var$h = (0, $1ittv$macrostrathyper).styled((0, ($parcel$interopDefault($1ittv$mainmodule89579666js))));
+function $72e497a412b1da0a$export$ed081779ec3709aa(props) {
+    const { title: title, component: component = "h3", children: children, ...rest } = props;
+    return $72e497a412b1da0a$var$h("div.panel-subhead", rest, [
+        $72e497a412b1da0a$var$h(component, {
+            className: "title"
+        }, title),
+        children
+    ]);
+}
+
+
+export {$72e497a412b1da0a$export$ed081779ec3709aa as PanelSubhead};
+//# sourceMappingURL=headers.b25ff414.js.map

package/dist/esm/headers.b25ff414.js.map

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

package/dist/esm/helpers.fb1d7227.js

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

package/dist/esm/helpers.fb1d7227.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAiBO,SAAS,0CAAiB,gBAAE,YAAY,EAAE;IAC/C,MAAM,SAAS,CAAA,GAAA,gBAAQ;IAEvB,MAAM,kBAAkB,CAAA,GAAA,aAAK,EAC3B,CAAA,GAAA,eAAO,EAAE;QACP,OAAO,OAAO,EAAE;IAClB,GAAG;IAGL,CAAA,GAAA,wBAAgB,EAAE;QAChB,KAAK;QACL,UAAU,gBAAgB,OAAO;IACnC;IAEA,OAAO;AACT;AASO,SAAS,0CAAkB,gBAChC,YAAY,aACZ,SAAS,sBACT,kBAAkB,gBAClB,eAAe,KACQ;IACvB,MAAM,SAAS,CAAA,GAAA,gBAAQ;IAEvB,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EACnC,CAAA,GAAA,yCAAY,EAAE,cAAc;IAG9B,MAAM,oBAAoB,CAAA,GAAA,kBAAU,EAAE;QACpC,MAAM,aAAa,CAAA,GAAA,yCAAY,EAAE,cAAc;QAC/C,WAAW;IACb,GAAG;QAAC,aAAa,OAAO;QAAE,UAAU,OAAO;KAAC;IAE5C,MAAM,mBAAmB,CAAA,GAAA,cAAM,EAC7B,IAAM,CAAA,GAAA,eAAO,EAAE,mBAAmB,eAClC;QAAC;QAAmB;KAAa;IAGnC,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,MAAM;QACjB,6BAA6B;QAC7B;IACF,GAAG;QAAC,OAAO,OAAO;KAAC;IAEnB,CAAA,GAAA,wBAAgB,EAAE;QAChB,KAAK;QACL,UAAS,EAAE;YACT;QACF;QACA,OAAM,CAAC;YACL,OAAO,KAAK,KAAK,CAAC;QACpB;IACF;IAEA,2EAA2E;IAC3E,CAAA,GAAA,mBAAW,EAAE;QAAE,QAAQ;iBAAoB;IAAQ;IAEnD,OAAO;AACT;AAEO,SAAS,0CAAiB,cAAE,aAAa,MAAM;IACpD,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,WAAW,CAAA,GAAA,qBAAa;IAC9B,MAAM,gBAAgB,CAAA,GAAA,wBAAgB;IAEtC,MAAM,mBAAmB,CAAA,GAAA,kBAAU,EAAE;QACnC,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,MAAM;QACjB,MAAM,cAAc,CAAA,GAAA,qBAAa,EAAE;QACnC,SAAS;YAAE,MAAM;YAAa,SAAS;QAAY;QACnD,aAAa,aAAa;IAC5B,GAAG;QAAC;QAAY;QAAU;KAAc;IAExC,CAAA,GAAA,gBAAQ,EAAE;QACR,qEAAqE;QACrE,uBAAuB;QACvB,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,MAAM;QACjB,oCAAoC;QACpC;QACA,MAAM,KAAK,CAAA,GAAA,eAAO,EAAE,kBAAkB;QACtC,IAAI,EAAE,CAAC,WAAW;QAClB,OAAO;YACL,KAAK,IAAI,WAAW;QACtB;IACF,GAAG;QAAC;KAAiB;IACrB,OAAO;AACT;AAEO,SAAS,0CAAmB,kBACjC,cAAc,gBACd,eAAe,iBACf,YAAY,oBACZ,YAAY,EACb;IACC,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,aAAa,CAAA,GAAA,aAAK,EAAE;IAC1B,MAAM,WAAW,CAAA,GAAA,qBAAa;IAC9B,MAAM,gBAAgB,CAAA,GAAA,wBAAgB;IAEtC,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,MAAM,OAAO,OAAO;QAC1B,MAAM,eAAe,WAAW,OAAO;QACvC,IAAI,OAAO,MAAM;QAEjB,IAAI,iBAAiB;QAErB,MAAM,kBAAkB,CAAC;YACvB,IAAI,eAAe,QAAQ,CAAC,IAAI,QAAQ,KAAK,cAAc;YAC3D,IAAI,gBAAgB;YACpB,eAAe;YACf,SAAS;gBAAE,MAAM;gBAAe,SAAS;YAAK;YAC9C,WAAW,OAAO,GAAG;YACrB,iBAAiB;QACnB;QACA,MAAM,eAAe,CAAC;YACpB,IAAI,CAAC,cAAc;YACnB,SAAS;gBAAE,MAAM;gBAAe,SAAS;YAAM;YAC/C,WAAW,OAAO,GAAG;YACrB,YAAY;QACd;QACA,IAAI,EAAE,CAAC,qBAAqB;QAC5B,IAAI,EAAE,CAAC,QAAQ;QACf,OAAO;YACL,KAAK,IAAI,qBAAqB;YAC9B,KAAK,IAAI,QAAQ;QACnB;IACF,GAAG;QAAC;QAAgB;QAAc;KAAc;IAChD,OAAO;AACT;AAEO,SAAS,0CAAU,YAAE,QAAQ,eAAE,WAAW,gBAAE,eAAe,MAAM;IACtE,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,YAAY,CAAA,GAAA,aAAK,EAAE;IACzB,MAAM,gBAAgB,CAAA,GAAA,wBAAgB;IAEtC,CAAA,GAAA,yCAAW,EAAE,QAAQ,WAAW;IAEhC,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,MAAM,OAAO,OAAO;QAC1B,IAAI,OAAO,QAAQ,eAAe,MAAM;QAExC,MAAM,iBAAiB,CAAC;YACtB,YAAY,MAAM,MAAM,EAAE,OAAO,OAAO,OAAO;YAC/C,wDAAwD;YACxD,IAAI,cACF,OAAO,OAAO,EAAE,MAAM;gBAAE,QAAQ,MAAM,MAAM;gBAAE,UAAU;YAAI;QAEhE;QAEA,IAAI,EAAE,CAAC,SAAS;QAEhB,OAAO;YACL,KAAK,IAAI,SAAS;QACpB;IACF,GAAG;QAAC;QAAa;KAAc;IAE/B,OAAO;AACT;AAEO,SAAS;IACd,MAAM,aAAa,CAAA,GAAA,oBAAY;IAC/B,OAAO,aACH,oCACA;AACN","sources":["packages/map-interface/src/helpers.ts"],"sourcesContent":["import {\n  useMapRef,\n  useMapEaseTo,\n  useMapDispatch,\n  useMapStatus,\n  useMapInitialized,\n} from \"@macrostrat/mapbox-react\";\nimport { useMemo, useRef } from \"react\";\nimport { debounce } from \"underscore\";\nimport useResizeObserver from \"use-resize-observer\";\n\nimport { getMapPosition } from \"@macrostrat/mapbox-utils\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { getMapPadding, useMapMarker } from \"./utils\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\n\nexport function MapResizeManager({ containerRef }) {\n  const mapRef = useMapRef();\n\n  const debouncedResize = useRef(\n    debounce(() => {\n      mapRef.current?.resize();\n    }, 100)\n  );\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: debouncedResize.current,\n  });\n\n  return null;\n}\n\ninterface MapPaddingManagerProps {\n  containerRef: React.RefObject<HTMLDivElement>;\n  parentRef: React.RefObject<HTMLDivElement>;\n  infoMarkerPosition: mapboxgl.LngLatLike;\n  debounceTime?: number;\n}\n\nexport function MapPaddingManager({\n  containerRef,\n  parentRef,\n  infoMarkerPosition,\n  debounceTime = 200,\n}: MapPaddingManagerProps) {\n  const mapRef = useMapRef();\n\n  const [padding, setPadding] = useState(\n    getMapPadding(containerRef, parentRef)\n  );\n\n  const _updateMapPadding = useCallback(() => {\n    const newPadding = getMapPadding(containerRef, parentRef);\n    setPadding(newPadding);\n  }, [containerRef.current, parentRef.current]);\n\n  const updateMapPadding = useMemo(\n    () => debounce(_updateMapPadding, debounceTime),\n    [_updateMapPadding, debounceTime]\n  );\n\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    // Update map padding on load\n    updateMapPadding();\n  }, [mapRef.current]);\n\n  useResizeObserver({\n    ref: parentRef,\n    onResize(sz) {\n      updateMapPadding();\n    },\n    round(n) {\n      return Math.round(n);\n    },\n  });\n\n  // Ideally, we would not have to do this when we know the infobox is loaded\n  useMapEaseTo({ center: infoMarkerPosition, padding });\n\n  return null;\n}\n\nexport function MapMovedReporter({ onMapMoved = null }) {\n  const mapRef = useMapRef();\n  const dispatch = useMapDispatch();\n  const isInitialized = useMapInitialized();\n\n  const mapMovedCallback = useCallback(() => {\n    const map = mapRef.current;\n    if (map == null) return;\n    const mapPosition = getMapPosition(map);\n    dispatch({ type: \"map-moved\", payload: mapPosition });\n    onMapMoved?.(mapPosition, map);\n  }, [onMapMoved, dispatch, isInitialized]);\n\n  useEffect(() => {\n    // Get the current value of the map. Useful for gradually moving away\n    // from class component\n    const map = mapRef.current;\n    if (map == null) return;\n    // Update the URI when the map moves\n    mapMovedCallback();\n    const cb = debounce(mapMovedCallback, 100);\n    map.on(\"moveend\", cb);\n    return () => {\n      map?.off(\"moveend\", cb);\n    };\n  }, [mapMovedCallback]);\n  return null;\n}\n\nexport function MapLoadingReporter({\n  ignoredSources,\n  onMapLoading = null,\n  onMapIdle = null,\n  mapIsLoading,\n}) {\n  const mapRef = useMapRef();\n  const loadingRef = useRef(false);\n  const dispatch = useMapDispatch();\n  const isInitialized = useMapInitialized();\n\n  useEffect(() => {\n    const map = mapRef.current;\n    const mapIsLoading = loadingRef.current;\n    if (map == null) return;\n\n    let didSendLoading = false;\n\n    const loadingCallback = (evt) => {\n      if (ignoredSources.includes(evt.sourceId) || mapIsLoading) return;\n      if (didSendLoading) return;\n      onMapLoading?.(evt);\n      dispatch({ type: \"set-loading\", payload: true });\n      loadingRef.current = true;\n      didSendLoading = true;\n    };\n    const idleCallback = (evt) => {\n      if (!mapIsLoading) return;\n      dispatch({ type: \"set-loading\", payload: false });\n      loadingRef.current = false;\n      onMapIdle?.(evt);\n    };\n    map.on(\"sourcedataloading\", loadingCallback);\n    map.on(\"idle\", idleCallback);\n    return () => {\n      map?.off(\"sourcedataloading\", loadingCallback);\n      map?.off(\"idle\", idleCallback);\n    };\n  }, [ignoredSources, mapIsLoading, isInitialized]);\n  return null;\n}\n\nexport function MapMarker({ position, setPosition, centerMarker = true }) {\n  const mapRef = useMapRef();\n  const markerRef = useRef(null);\n  const isInitialized = useMapInitialized();\n\n  useMapMarker(mapRef, markerRef, position);\n\n  useEffect(() => {\n    const map = mapRef.current;\n    if (map == null || setPosition == null) return;\n\n    const handleMapClick = (event: mapboxgl.MapMouseEvent) => {\n      setPosition(event.lngLat, event, mapRef.current);\n      // We should integrate this with the \"easeToCenter\" hook\n      if (centerMarker) {\n        mapRef.current?.flyTo({ center: event.lngLat, duration: 800 });\n      }\n    };\n\n    map.on(\"click\", handleMapClick);\n\n    return () => {\n      map?.off(\"click\", handleMapClick);\n    };\n  }, [setPosition, isInitialized]);\n\n  return null;\n}\n\nexport function useBasicStylePair() {\n  const inDarkMode = useInDarkMode();\n  return inDarkMode\n    ? \"mapbox://styles/mapbox/dark-v10\"\n    : \"mapbox://styles/mapbox/light-v10\";\n}\n"],"names":[],"version":3,"file":"helpers.fb1d7227.js.map"}