@macrostrat/map-interface 1.0.9 → 1.0.11

package/CHANGELOG.md

@@ -4,6 +4,17 @@ 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.0.11] - 2024-11-07
+
+- Fix bundling again
+
+## [1.0.10] - 2024-11-05
+
+- Add documentation and examples of map easing
+- Improve floating navigation
+- Improve map padding management component
+- Improve styles
+
 ## [1.0.8] - 2024-10-26
 
 - Fix inspector colors with new version of `chroma-js`

package/dist/main.cjs

@@ -3,8 +3,8 @@ var $9B3TU$react = require("react");
 var $9B3TU$blueprintjscore = require("@blueprintjs/core");
 var $9B3TU$macrostrathyper = require("@macrostrat/hyper");
 var $9B3TU$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $9B3TU$classnames = require("classnames");
 var $9B3TU$macrostratuicomponents = require("@macrostrat/ui-components");
+var $9B3TU$classnames = require("classnames");
 var $9B3TU$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
 var $9B3TU$d3format = require("d3-format");
 var $9B3TU$mapboxgl = require("mapbox-gl");
@@ -52,16 +52,19 @@ $parcel$export($fce5fc950d1fe35b$exports, "FloatingNavbar", () => $fce5fc950d1fe
 var $7a1b0f72a2e7f87d$exports = {};
 
 $parcel$export($7a1b0f72a2e7f87d$exports, "loading-button", () => $7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e, (v) => $7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e = v);
+$parcel$export($7a1b0f72a2e7f87d$exports, "navbar", () => $7a1b0f72a2e7f87d$export$58733aaf927c3bbe, (v) => $7a1b0f72a2e7f87d$export$58733aaf927c3bbe = v);
 $parcel$export($7a1b0f72a2e7f87d$exports, "navbar-holder", () => $7a1b0f72a2e7f87d$export$d8779dd86528d602, (v) => $7a1b0f72a2e7f87d$export$d8779dd86528d602 = v);
 $parcel$export($7a1b0f72a2e7f87d$exports, "searchbar", () => $7a1b0f72a2e7f87d$export$2ac23befe9d406ee, (v) => $7a1b0f72a2e7f87d$export$2ac23befe9d406ee = v);
 $parcel$export($7a1b0f72a2e7f87d$exports, "searchbar-holder", () => $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae, (v) => $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae = v);
 $parcel$export($7a1b0f72a2e7f87d$exports, "status-tongue", () => $7a1b0f72a2e7f87d$export$764ade2d69041360, (v) => $7a1b0f72a2e7f87d$export$764ade2d69041360 = v);
 var $7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e;
+var $7a1b0f72a2e7f87d$export$58733aaf927c3bbe;
 var $7a1b0f72a2e7f87d$export$d8779dd86528d602;
 var $7a1b0f72a2e7f87d$export$2ac23befe9d406ee;
 var $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae;
 var $7a1b0f72a2e7f87d$export$764ade2d69041360;
 $7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e = `_8hZKsW_loading-button`;
+$7a1b0f72a2e7f87d$export$58733aaf927c3bbe = `_8hZKsW_navbar`;
 $7a1b0f72a2e7f87d$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
 $7a1b0f72a2e7f87d$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
 $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
@@ -69,18 +72,20 @@ $7a1b0f72a2e7f87d$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
 
 
 
+
 const $fce5fc950d1fe35b$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($7a1b0f72a2e7f87d$exports))));
 const $fce5fc950d1fe35b$var$spinnerElement = $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Spinner), {
     size: 16
 });
-function $fce5fc950d1fe35b$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, icon: icon = "menu" }) {
+function $fce5fc950d1fe35b$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, large: large = false, icon: icon = "menu", style: style }) {
     return $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Button), {
         className: "loading-button",
         icon: isLoading ? $fce5fc950d1fe35b$var$spinnerElement : icon,
-        large: false,
+        large: large,
         minimal: true,
         onClick: onClick,
-        active: active && !isLoading
+        active: active && !isLoading,
+        style: style
     });
 }
 function $fce5fc950d1fe35b$export$9e3bae3c08bde368(props) {
@@ -93,14 +98,39 @@ function $fce5fc950d1fe35b$export$9e3bae3c08bde368(props) {
         isLoading: mapIsLoading
     });
 }
-function $fce5fc950d1fe35b$export$a8cc0062d02a3841({ className: className, children: children, statusElement: statusElement = null }) {
+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, $9B3TU$blueprintjscore.Text), {
+            tagName: "h2",
+            ellipsize: true
+        }, title);
+        else _headerElement = title;
+    }
+    if (_headerElement != null) _headerElement = $fce5fc950d1fe35b$var$h([
+        _headerElement,
+        $fce5fc950d1fe35b$var$h((0, $9B3TU$macrostratuicomponents.Spacer))
+    ]);
     return $fce5fc950d1fe35b$var$h("div.searchbar-holder", {
-        className: className
+        className: className,
+        style: {
+            width: width
+        }
     }, [
         $fce5fc950d1fe35b$var$h("div.navbar-holder", [
             $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Navbar), {
-                className: "searchbar panel"
-            }, children)
+                className: "searchbar navbar panel",
+                style: {
+                    height: height,
+                    ...style
+                }
+            }, [
+                _headerElement,
+                children,
+                _rightElement
+            ])
         ]),
         $fce5fc950d1fe35b$var$h.if(statusElement != null)((0, $9B3TU$blueprintjscore.Card), {
             className: "status-tongue"
@@ -537,8 +567,8 @@ var $c3311f59335df34d$exports = {};
 
 $parcel$export($c3311f59335df34d$exports, "PanelCard", () => $c3311f59335df34d$export$ec68dd77edbe678b);
 $parcel$export($c3311f59335df34d$exports, "DetailPanelStyle", () => $c3311f59335df34d$export$612ca936d3ed4784);
-$parcel$export($c3311f59335df34d$exports, "MapStyledContainer", () => $c3311f59335df34d$export$fa395a37c3898ae3);
 $parcel$export($c3311f59335df34d$exports, "MapAreaContainer", () => $c3311f59335df34d$export$9fa5da0bcfd0a290);
+$parcel$export($c3311f59335df34d$exports, "MapStyledContainer", () => $c3311f59335df34d$export$fa395a37c3898ae3);
 
 var $35f1bc0112883d51$exports = {};
 
@@ -560,6 +590,7 @@ $parcel$export($35f1bc0112883d51$exports, "map-control-stack", () => $35f1bc0112
 $parcel$export($35f1bc0112883d51$exports, "main-row", () => $35f1bc0112883d51$export$bc4885f800420ea3, (v) => $35f1bc0112883d51$export$bc4885f800420ea3 = v);
 $parcel$export($35f1bc0112883d51$exports, "map-ui", () => $35f1bc0112883d51$export$7d4a718201bc0bd1, (v) => $35f1bc0112883d51$export$7d4a718201bc0bd1 = v);
 $parcel$export($35f1bc0112883d51$exports, "mapbox-map", () => $35f1bc0112883d51$export$d0dcaf774d09fc4c, (v) => $35f1bc0112883d51$export$d0dcaf774d09fc4c = v);
+$parcel$export($35f1bc0112883d51$exports, "context-panel-holder", () => $35f1bc0112883d51$export$1113ec858cdbc244, (v) => $35f1bc0112883d51$export$1113ec858cdbc244 = v);
 $parcel$export($35f1bc0112883d51$exports, "panel-card", () => $35f1bc0112883d51$export$8eff531ff0f1cffe, (v) => $35f1bc0112883d51$export$8eff531ff0f1cffe = v);
 $parcel$export($35f1bc0112883d51$exports, "context-stack", () => $35f1bc0112883d51$export$a15c1c170cdda69a, (v) => $35f1bc0112883d51$export$a15c1c170cdda69a = v);
 $parcel$export($35f1bc0112883d51$exports, "searchbar", () => $35f1bc0112883d51$export$2ac23befe9d406ee, (v) => $35f1bc0112883d51$export$2ac23befe9d406ee = v);
@@ -588,7 +619,6 @@ $parcel$export($35f1bc0112883d51$exports, "detail-panel-enter", () => $35f1bc011
 $parcel$export($35f1bc0112883d51$exports, "infodrawer-stack", () => $35f1bc0112883d51$export$69fa1b5d46c139b9, (v) => $35f1bc0112883d51$export$69fa1b5d46c139b9 = v);
 $parcel$export($35f1bc0112883d51$exports, "detail-panel", () => $35f1bc0112883d51$export$c6930745f2610de0, (v) => $35f1bc0112883d51$export$c6930745f2610de0 = v);
 $parcel$export($35f1bc0112883d51$exports, "adaptive-width", () => $35f1bc0112883d51$export$4db621d3143ef457, (v) => $35f1bc0112883d51$export$4db621d3143ef457 = v);
-$parcel$export($35f1bc0112883d51$exports, "context-panel-holder", () => $35f1bc0112883d51$export$1113ec858cdbc244, (v) => $35f1bc0112883d51$export$1113ec858cdbc244 = v);
 $parcel$export($35f1bc0112883d51$exports, "context-panel-from", () => $35f1bc0112883d51$export$90f42dafd5c24d2d, (v) => $35f1bc0112883d51$export$90f42dafd5c24d2d = v);
 $parcel$export($35f1bc0112883d51$exports, "context-panel-enter", () => $35f1bc0112883d51$export$9ea3835d1b44cc08, (v) => $35f1bc0112883d51$export$9ea3835d1b44cc08 = v);
 $parcel$export($35f1bc0112883d51$exports, "detail-panel-floating", () => $35f1bc0112883d51$export$50b37414f37debaa, (v) => $35f1bc0112883d51$export$50b37414f37debaa = v);
@@ -613,6 +643,7 @@ var $35f1bc0112883d51$export$c163dab1f00a51cb;
 var $35f1bc0112883d51$export$bc4885f800420ea3;
 var $35f1bc0112883d51$export$7d4a718201bc0bd1;
 var $35f1bc0112883d51$export$d0dcaf774d09fc4c;
+var $35f1bc0112883d51$export$1113ec858cdbc244;
 var $35f1bc0112883d51$export$8eff531ff0f1cffe;
 var $35f1bc0112883d51$export$a15c1c170cdda69a;
 var $35f1bc0112883d51$export$2ac23befe9d406ee;
@@ -641,7 +672,6 @@ var $35f1bc0112883d51$export$e017ebf46ba443ed;
 var $35f1bc0112883d51$export$69fa1b5d46c139b9;
 var $35f1bc0112883d51$export$c6930745f2610de0;
 var $35f1bc0112883d51$export$4db621d3143ef457;
-var $35f1bc0112883d51$export$1113ec858cdbc244;
 var $35f1bc0112883d51$export$90f42dafd5c24d2d;
 var $35f1bc0112883d51$export$9ea3835d1b44cc08;
 var $35f1bc0112883d51$export$50b37414f37debaa;
@@ -666,6 +696,7 @@ $35f1bc0112883d51$export$c163dab1f00a51cb = "map-control-stack_4c0a66";
 $35f1bc0112883d51$export$bc4885f800420ea3 = "main-row_4c0a66";
 $35f1bc0112883d51$export$7d4a718201bc0bd1 = "map-ui_4c0a66";
 $35f1bc0112883d51$export$d0dcaf774d09fc4c = "mapbox-map_4c0a66";
+$35f1bc0112883d51$export$1113ec858cdbc244 = "context-panel-holder_4c0a66";
 $35f1bc0112883d51$export$8eff531ff0f1cffe = "panel-card_4c0a66";
 $35f1bc0112883d51$export$a15c1c170cdda69a = "context-stack_4c0a66";
 $35f1bc0112883d51$export$2ac23befe9d406ee = "searchbar_4c0a66";
@@ -694,7 +725,6 @@ $35f1bc0112883d51$export$e017ebf46ba443ed = "detail-panel-enter_4c0a66";
 $35f1bc0112883d51$export$69fa1b5d46c139b9 = "infodrawer-stack_4c0a66";
 $35f1bc0112883d51$export$c6930745f2610de0 = "detail-panel_4c0a66";
 $35f1bc0112883d51$export$4db621d3143ef457 = "adaptive-width_4c0a66";
-$35f1bc0112883d51$export$1113ec858cdbc244 = "context-panel-holder_4c0a66";
 $35f1bc0112883d51$export$90f42dafd5c24d2d = "context-panel-from_4c0a66";
 $35f1bc0112883d51$export$9ea3835d1b44cc08 = "context-panel-enter_4c0a66";
 $35f1bc0112883d51$export$50b37414f37debaa = "detail-panel-floating_4c0a66";
@@ -782,6 +812,7 @@ var $c3311f59335df34d$export$612ca936d3ed4784;
     DetailPanelStyle["FIXED"] = "fixed";
     DetailPanelStyle["FLOATING"] = "floating";
 })($c3311f59335df34d$export$612ca936d3ed4784 || ($c3311f59335df34d$export$612ca936d3ed4784 = {}));
+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$export$db1a2e058a06fb5c)), contextStackProps: contextStackProps = null, detailStackProps: detailStackProps = null, detailPanelStyle: detailPanelStyle = "floating", fitViewport: fitViewport = true, showPanelOutlines: showPanelOutlines = false, preventMapInteraction: preventMapInteraction = false, ...rest }) {
     const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;
     const contextPanelTrans = (0, $9B3TU$transitionhook.useTransition)(contextPanelOpen, 800);
@@ -853,7 +884,6 @@ function $c3311f59335df34d$var$ContextStack(props) {
     ]);
 }
 const $c3311f59335df34d$var$MapProviders = ({ children: children })=>$c3311f59335df34d$var$h((0, $9B3TU$macrostratuicomponents.ToasterContext), $c3311f59335df34d$var$h((0, $9B3TU$macrostratmapboxreact.MapboxMapProvider), children));
-const $c3311f59335df34d$export$9fa5da0bcfd0a290 = (props)=>$c3311f59335df34d$var$h($c3311f59335df34d$var$MapProviders, $c3311f59335df34d$var$h($c3311f59335df34d$var$_MapAreaContainer, props));
 function $c3311f59335df34d$export$fa395a37c3898ae3({ className: className, children: children }) {
     const mapPosition = (0, $9B3TU$macrostratmapboxreact.useMapPosition)();
     if (mapPosition != null) {
@@ -878,6 +908,7 @@ $parcel$export($2611a7b4364593e5$exports, "MapPaddingManager", () => $2611a7b436
 $parcel$export($2611a7b4364593e5$exports, "MapMovedReporter", () => $2611a7b4364593e5$export$f6eeee399afc4e9a);
 $parcel$export($2611a7b4364593e5$exports, "MapLoadingReporter", () => $2611a7b4364593e5$export$e57f9eaa51773f82);
 $parcel$export($2611a7b4364593e5$exports, "MapMarker", () => $2611a7b4364593e5$export$5c90a91c7455938c);
+$parcel$export($2611a7b4364593e5$exports, "useBasicStylePair", () => $2611a7b4364593e5$export$566518253d2584f8);
 
 
 
@@ -922,6 +953,7 @@ function $3490fc4f4bda12f7$export$278090850f6b3a9f(mapRef, markerRef, markerPosi
 }
 
 
+
 function $2611a7b4364593e5$export$31b2e088aff2dc5d({ containerRef: containerRef }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const debouncedResize = (0, $9B3TU$react.useRef)((0, $9B3TU$underscore.debounce)(()=>{
@@ -933,16 +965,20 @@ function $2611a7b4364593e5$export$31b2e088aff2dc5d({ containerRef: containerRef
     });
     return null;
 }
-function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition }) {
+function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition, debounceTime: debounceTime = 200 }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const [padding, setPadding] = (0, $9B3TU$react.useState)((0, $3490fc4f4bda12f7$export$bb78f9f01775eef1)(containerRef, parentRef));
-    const updateMapPadding = (0, $9B3TU$react.useCallback)(()=>{
+    const _updateMapPadding = (0, $9B3TU$react.useCallback)(()=>{
         const newPadding = (0, $3490fc4f4bda12f7$export$bb78f9f01775eef1)(containerRef, parentRef);
         setPadding(newPadding);
     }, [
         containerRef.current,
         parentRef.current
     ]);
+    const updateMapPadding = (0, $9B3TU$react.useMemo)(()=>(0, $9B3TU$underscore.debounce)(_updateMapPadding, debounceTime), [
+        _updateMapPadding,
+        debounceTime
+    ]);
     (0, $9B3TU$react.useEffect)(()=>{
         const map = mapRef.current;
         if (map == null) return;
@@ -955,6 +991,9 @@ function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef,
         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
@@ -1067,6 +1106,10 @@ function $2611a7b4364593e5$export$5c90a91c7455938c({ position: position, setPosi
     ]);
     return null;
 }
+function $2611a7b4364593e5$export$566518253d2584f8() {
+    const inDarkMode = (0, $9B3TU$macrostratuicomponents.useInDarkMode)();
+    return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
+}
 
 
 
@@ -1767,7 +1810,7 @@ function $db14eb7a5c07abdb$export$617d79dae526d2cf({ features: features }) {
 
 
 const $6f5ca387ac26c0b5$export$dda1d9f60106f0e9 = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($33088e8384af337c$exports))));
-function $6f5ca387ac26c0b5$export$c5febf3ae8816972({ title: title = "Map inspector", headerElement: headerElement = null, transformRequest: transformRequest = null, mapPosition: mapPosition = null, mapboxToken: mapboxToken = null, overlayStyle: overlayStyle = null, children: children, style: style, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null, fitViewport: fitViewport = true, projection: projection = null }) {
+function $6f5ca387ac26c0b5$export$c5febf3ae8816972({ title: title = "Map inspector", headerElement: headerElement = null, transformRequest: transformRequest = null, mapPosition: mapPosition = null, mapboxToken: mapboxToken = null, overlayStyle: overlayStyle = null, children: children, style: style, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null, fitViewport: fitViewport = true }) {
     /* 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.
@@ -1836,14 +1879,18 @@ function $6f5ca387ac26c0b5$export$c5febf3ae8816972({ title: title = "Map inspect
         };
     }
     return $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$export$9fa5da0bcfd0a290), {
-        navbar: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$a8cc0062d02a3841), [
-            headerElement ?? $6f5ca387ac26c0b5$export$dda1d9f60106f0e9("h2", title),
-            $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $9B3TU$macrostratuicomponents.Spacer)),
-            $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$9e3bae3c08bde368), {
+        navbar: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$a8cc0062d02a3841), {
+            rightElement: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$9e3bae3c08bde368), {
+                large: true,
                 active: isOpen,
-                onClick: ()=>setOpen(!isOpen)
-            })
-        ]),
+                onClick: ()=>setOpen(!isOpen),
+                style: {
+                    marginRight: "-5px"
+                }
+            }),
+            headerElement: headerElement,
+            title: title
+        }),
         contextPanel: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$export$ec68dd77edbe678b), [
             $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $9B3TU$blueprintjscore.Switch), {
                 checked: xRay,