@macrostrat/map-interface 1.5.7 → 2.0.0

package/dist/cjs/map-interface.adb45df9.css

@@ -1,191 +0,0 @@
-.panel-subhead_1340c8 {
-  border: 1px solid var(--panel-rule-color);
-  border-bottom: 1px solid var(--panel-rule-color);
-  background-color: var(--accent-color);
-  z-index: 1;
-  align-items: center;
-  gap: var(--panel-header-gap, .5rem);
-  min-height: var(--panel-header-height, 40px);
-  flex-direction: row;
-  padding: 0 1rem;
-  display: flex;
-  position: sticky;
-  top: -1px;
-}
-
-.panel-subhead_1340c8 h1, .panel-subhead_1340c8 h2, .panel-subhead_1340c8 h3, .panel-subhead_1340c8 h4 {
-  margin: 0;
-  font-family: Montserrat, sans-serif;
-  font-weight: 700;
-}
-
-.panel-subhead_1340c8 h4 {
-  font-weight: 600;
-}
-
-.panel-subhead_1340c8 .title_1340c8 {
-  flex-grow: 1;
-}
-
-.panel-subhead_1340c8 .expansion-panel-icon_1340c8 {
-  margin-right: -.35em;
-}
-
-.info-panel-section_1340c8 > .panel-subhead_1340c8 {
-  margin: -1px calc(var(--panel-padding-h) * -1) 0;
-}
-
-.expansion-panel_1340c8 {
-  flex-wrap: wrap;
-  margin-top: -1px;
-  padding: 0;
-}
-
-.sub-expansion-panel_1340c8 {
-  margin: -1px calc(var(--panel-padding-h) * -.5) 0;
-  overflow: hidden;
-}
-
-.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8 {
-  border-top-width: 0;
-}
-
-.sub-expansion-panel_1340c8 .panel-subhead_1340c8 {
-  border-top: none;
-  border-bottom: none;
-}
-
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 {
-  background-color: var(--accent-secondary-color);
-  cursor: pointer;
-  padding: 0 1rem;
-}
-
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover {
-  background-color: var(--accent-secondary-hover-color);
-}
-
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4 {
-  border-bottom: 1px solid var(--tertiary-border-color);
-  border-top: 1px solid var(--tertiary-border-color);
-  align-items: center;
-  font-weight: 500;
-}
-
-.expansion-summary-title-help_1340c8, .expansion-summary-title-help_1340c8 .bp5-icon {
-  margin-left: 5px;
-}
-
-.expansion-panel-header_1340c8 {
-  cursor: pointer;
-}
-
-.expansion-panel-header_1340c8:hover {
-  background-color: var(--accent-hover-color);
-}
-
-.expansion-panel-header_1340c8 .bp5-icon {
-  transform: translate(0, 3px);
-}
-
-.expansion-children_1340c8 {
-  padding: 0 1rem;
-}
-
-.expansion-children_1340c8 .expansion-panel_1340c8 {
-  margin-left: -1rem;
-  margin-right: -1rem;
-}
-
-.expansion-children_1340c8 .expansion-panel_1340c8:first-child {
-  margin-top: 0;
-}
-
-.expansion-children_1340c8 > :first-child {
-  margin-top: 1rem;
-}
-
-.expansion-children_1340c8 > :last-child {
-  margin-bottom: 1rem;
-}
-
-.expansion-panel-subtext_1340c8 {
-  font-size: 85%;
-  font-weight: 400;
-}
-
-.expansion-panel-root {
-  padding-left: 15px !important;
-}
-
-.expansion-panel-detail {
-  padding: 0 !important;
-  display: block !important;
-}
-
-.expansion-panel-detail-sub {
-  display: block !important;
-}
-
-.expandable-details-main_1340c8 {
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  margin: 3px 0;
-  display: flex;
-}
-
-.expandable-details-header_1340c8 {
-  flex-direction: row;
-  flex-grow: 1;
-  align-items: baseline;
-  display: inline-flex;
-}
-
-.expandable-details-children_1340c8 {
-  position: relative;
-}
-
-.expandable-details-toggle_1340c8 .bp5-button {
-  font-size: 10px;
-}
-
-.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after {
-  content: none;
-}
-
-.expandable-details_1340c8 .title_1340c8 {
-  margin-right: 1em;
-}
-
-.expandable-details_1340c8 .title_1340c8:after {
-  content: ":";
-}
-
-.expansion-body_1340c8 {
-  background-color: var(--tertiary-background);
-  border-radius: 4px;
-  align-items: baseline;
-  width: 100%;
-  margin-bottom: 6px;
-  padding: 2px 6px;
-  display: inline-block;
-  box-shadow: 0 1px 2px 1px #0003;
-}
-
-.expansion-panel-detail-header_1340c8 {
-  color: var(--secondary-color);
-  margin-right: 1em;
-  font-size: 90%;
-  font-style: italic;
-  display: inline;
-}
-
-.expansion-panel-detail-header_1340c8:after {
-  content: ":";
-}
-
-.expansion-panel-detail-body_1340c8 {
-  display: inline;
-}
-/*# sourceMappingURL=map-interface.adb45df9.css.map */

package/dist/cjs/map-interface.adb45df9.css.map

@@ -1 +0,0 @@
-{"mappings":"AACA;;;;;;;;;;;;;;;AAaE;;;;;;AAIA;;;;AAEA;;;;AAGA;;;;;;;;;;;;;;AAaA;;;;;AAMA;;;;AAGE;;;;;AAGA;;;;;;AAKA;;;;AAGA;;;;;;;AAKE;;;;;;;;;;;;AASJ;;;;AAEE;;;;AAEA;;;;;AAGF;;;;AAEE;;;;AAEA;;;;AAEF;;;;;AAGE;;;;AAIJ;;;;;;;;;;;;;;;;;;;;;;;;AAoBE;;;;;;;;AAKA;;;;;;;;AAKA;;;;AAGA;;;;;;;;;;;AASE;;;;;;;;AAOF;;;;AAGA","sources":["packages/map-interface/src/expansion-panel/main.module.sass"],"sourcesContent":["\n.panel-subhead\n  padding: 0 1rem\n  border: 1px solid var(--panel-rule-color)\n  border-bottom: 1px solid var(--panel-rule-color)\n  background-color: var(--accent-color)\n  display: flex\n  flex-direction: row\n  align-items: center\n  z-index: 1\n  gap: var(--panel-header-gap, 0.5rem)\n  top: -1px\n  position: sticky\n  min-height: var(--panel-header-height, 40px)\n  h1, h2, h3, h4\n    font-family: Montserrat,sans-serif\n    font-weight: 700\n    margin: 0\n  h4\n    font-weight: 600\n  .title\n    flex-grow: 1\n\n  .expansion-panel-icon\n    margin-right: -0.35em\n\n// :global(.bp5-dark) .panel-subhead\n//   margin 0 1px\n\n.info-panel-section\n  &>.panel-subhead\n    margin: -1px calc(var(--panel-padding-h) * -1) 0\n\n.expansion-panel\n  padding: 0\n  flex-wrap: wrap\n  margin-top: -1px\n  // &.collapsed\n  //   .expansion-panel-header\n  //     border-bottom-width: 0;\n\n.sub-expansion-panel\n  margin: -1px calc(var(--panel-padding-h) * -0.5) 0\n  overflow: hidden\n  &:first-child\n    .expansion-panel-header\n      border-top-width: 0\n  .panel-subhead\n    border-top: none\n    border-bottom: none\n\n  .expansion-panel-header\n    background-color: var(--accent-secondary-color)\n    cursor: pointer\n    padding: 0 1rem\n\n    &:hover\n      background-color: var(--accent-secondary-hover-color)\n    h2, h3, h4\n      font-weight: 500\n      border-bottom: 1px solid var(--tertiary-border-color)\n      border-top: 1px solid var(--tertiary-border-color)\n      align-items: center\n\n.expansion-summary-title-help\n  margin-left: 5px\n  :global(.bp5-icon)\n    margin-left: 5px\n\n.expansion-panel-header\n  cursor: pointer\n  &:hover\n    background-color: var(--accent-hover-color)\n  :global(.bp5-icon)\n    transform: translate(0,3px)\n\n.expansion-children\n  padding: 0 1rem\n  .expansion-panel\n    margin-left: -1rem\n    margin-right: -1rem\n    &:first-child\n      margin-top: 0\n  &>:first-child\n    margin-top: 1rem\n  &>:last-child\n    margin-bottom: 1rem\n\n\n\n.expansion-panel-subtext\n  font-size: 85%\n  font-weight: 400\n\n:global\n  .expansion-panel-root\n    padding-left: 15px !important\n\n  .expansion-panel-detail\n    display: block !important\n    padding: 0 !important\n\n  .expansion-panel-detail-sub\n    display: block !important\n\n// New expandable panel for details\n.expandable-details-main\n  display: flex\n  flex-direction: row\n  align-items: center\n  justify-content: space-between\n  margin: 3px 0\n\n.expandable-details-header\n  display: inline-flex\n  flex-direction: row\n  align-items: baseline\n  flex-grow: 1\n\n.expandable-details-children\n  position: relative\n\n.expandable-details-toggle\n  :global(.bp5-button)\n    font-size: 10px\n\n.expandable-details\n  &.macrostrat-unit\n    .title:after\n      content: none\n  .title\n    margin-right: 1em\n    &:after\n      content: \":\"\n\n.expansion-body\n  display: inline-block\n  //flex-direction row\n  align-items: baseline\n  background-color: var(--tertiary-background)\n  padding: 2px 6px\n  border-radius: 4px\n  width: 100%\n  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2)\n  margin-bottom: 6px\n\n.expansion-panel-detail-header\n  font-size: 90%\n  font-style: italic\n  margin-right: 1em\n  display: inline\n  color: var(--secondary-color)\n  &:after\n    content: \":\"\n\n.expansion-panel-detail-body\n  display: inline\n"],"names":[],"version":3,"file":"map-interface.adb45df9.css.map"}

package/dist/cjs/map-interface.ae4c52a6.css

@@ -1,52 +0,0 @@
-._8hZKsW_searchbar-holder {
-  flex-direction: column;
-  margin: 0;
-  transition: margin .3s;
-  display: flex;
-}
-
-._8hZKsW_searchbar-holder ._8hZKsW_navbar-holder {
-  flex-direction: row;
-  display: flex;
-}
-
-._8hZKsW_searchbar-holder ._8hZKsW_searchbar {
-  background-color: var(--panel-background-color);
-  border-radius: var(--map-panel-border-radius, 5px);
-  width: 100%;
-  padding: var(--navbar-padding, 10px);
-  flex-direction: row;
-  align-items: center;
-  gap: 5px;
-  display: flex;
-}
-
-._8hZKsW_searchbar-holder ._8hZKsW_searchbar .bp5-input-group {
-  cursor: text;
-  flex-grow: 1;
-}
-
-._8hZKsW_navbar {
-  min-height: 50px;
-}
-
-.bp5-navbar > ._8hZKsW_loading-button {
-  width: 40px;
-  height: 40px;
-}
-
-._8hZKsW_status-tongue.bp5-card {
-  background-color: var(--panel-background-color);
-  margin: -12px 5px 0;
-  padding: 12px 0 0;
-  overflow: hidden;
-}
-
-@media screen and (width <= 768px) {
-  ._8hZKsW_status-tongue {
-    border-radius: 0;
-    max-width: 100vw;
-    margin: -3px 0 0;
-  }
-}
-/*# sourceMappingURL=map-interface.ae4c52a6.css.map */

package/dist/cjs/map-interface.ae4c52a6.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;;;AAME;;;;;AAIA;;;;;;;;;;;AAUE;;;;;AAIJ;;;;AAGA;;;;;AAIA;;;;;;;AASA;EACE","sources":["packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":[".searchbar-holder\n  transition: margin 300ms\n  display: flex\n  flex-direction: column\n  margin: 0\n\n  .navbar-holder\n    display: flex\n    flex-direction: row\n\n  .searchbar\n    width: 100%\n    background-color: var(--panel-background-color)\n    border-radius: var(--map-panel-border-radius, 5px)\n    padding: var(--navbar-padding, 10px)\n    display: flex\n    flex-direction: row\n    align-items: center\n    gap: 5px\n\n    :global(.bp5-input-group)\n      flex-grow: 1\n      cursor: text\n\n.navbar\n  min-height: 50px\n\n:global(.bp5-navbar) > .loading-button\n  width: 40px\n  height: 40px\n\n.status-tongue:global(.bp5-card)\n  background-color: var(--panel-background-color)\n  margin: 5px\n  margin-bottom: 0\n  margin-top: -12px\n  padding: 0\n  padding-top: 12px\n  overflow: hidden\n\n@media screen and (max-width: 768px)\n  .status-tongue\n    max-width: 100vw\n    margin: 0\n    border-radius: 0\n    margin-top: -3px\n"],"names":[],"version":3,"file":"map-interface.ae4c52a6.css.map"}

package/dist/cjs/map-interface.bda26b27.js

@@ -1,134 +0,0 @@
-var $35f1bc0112883d51$exports = require("./map-interface.a9fe0f5d.js");
-require("./map-interface.4a401c1f.css");
-var $f333fe6f49373ca9$exports = require("./map-interface.99a048dc.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=map-interface.bda26b27.js.map

package/dist/cjs/map-interface.bda26b27.js.map

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

package/dist/cjs/map-interface.cd485bb4.js

@@ -1,41 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "copy-link-button", () => $a8d7c4c397e52cf6$export$d1352d0c31a65024, (v) => $a8d7c4c397e52cf6$export$d1352d0c31a65024 = v);
-$parcel$export(module.exports, "fixed-height", () => $a8d7c4c397e52cf6$export$72a4dfebf360a7ad, (v) => $a8d7c4c397e52cf6$export$72a4dfebf360a7ad = v);
-$parcel$export(module.exports, "infodrawer", () => $a8d7c4c397e52cf6$export$b5017f7ff265217d, (v) => $a8d7c4c397e52cf6$export$b5017f7ff265217d = v);
-$parcel$export(module.exports, "infodrawer-body", () => $a8d7c4c397e52cf6$export$310e8f86a84c074f, (v) => $a8d7c4c397e52cf6$export$310e8f86a84c074f = v);
-$parcel$export(module.exports, "infodrawer-contents", () => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b, (v) => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b = v);
-$parcel$export(module.exports, "infodrawer-header-item", () => $a8d7c4c397e52cf6$export$333d72514239bce8, (v) => $a8d7c4c397e52cf6$export$333d72514239bce8 = v);
-$parcel$export(module.exports, "left-icon", () => $a8d7c4c397e52cf6$export$f750577db09821ce, (v) => $a8d7c4c397e52cf6$export$f750577db09821ce = v);
-$parcel$export(module.exports, "loading", () => $a8d7c4c397e52cf6$export$46c1c92549715335, (v) => $a8d7c4c397e52cf6$export$46c1c92549715335 = v);
-$parcel$export(module.exports, "location-panel-header", () => $a8d7c4c397e52cf6$export$d821beb98a87c6d7, (v) => $a8d7c4c397e52cf6$export$d821beb98a87c6d7 = v);
-$parcel$export(module.exports, "position-controls", () => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6, (v) => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = v);
-$parcel$export(module.exports, "spacer", () => $a8d7c4c397e52cf6$export$8cc075c801fd6817, (v) => $a8d7c4c397e52cf6$export$8cc075c801fd6817 = v);
-var $a8d7c4c397e52cf6$export$d1352d0c31a65024;
-var $a8d7c4c397e52cf6$export$72a4dfebf360a7ad;
-var $a8d7c4c397e52cf6$export$b5017f7ff265217d;
-var $a8d7c4c397e52cf6$export$310e8f86a84c074f;
-var $a8d7c4c397e52cf6$export$69ed3ba502fbf15b;
-var $a8d7c4c397e52cf6$export$333d72514239bce8;
-var $a8d7c4c397e52cf6$export$f750577db09821ce;
-var $a8d7c4c397e52cf6$export$46c1c92549715335;
-var $a8d7c4c397e52cf6$export$d821beb98a87c6d7;
-var $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6;
-var $a8d7c4c397e52cf6$export$8cc075c801fd6817;
-$a8d7c4c397e52cf6$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
-$a8d7c4c397e52cf6$export$72a4dfebf360a7ad = `VPa3-W_fixed-height`;
-$a8d7c4c397e52cf6$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
-$a8d7c4c397e52cf6$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
-$a8d7c4c397e52cf6$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
-$a8d7c4c397e52cf6$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
-$a8d7c4c397e52cf6$export$f750577db09821ce = `VPa3-W_left-icon`;
-$a8d7c4c397e52cf6$export$46c1c92549715335 = `VPa3-W_loading`;
-$a8d7c4c397e52cf6$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
-$a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
-$a8d7c4c397e52cf6$export$8cc075c801fd6817 = `VPa3-W_spacer`;
-
-
-//# sourceMappingURL=map-interface.cd485bb4.js.map

package/dist/cjs/map-interface.cd485bb4.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAVA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,2CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".copy-link-button:global(.bp5-minimal.bp5-button)\n  color: var(--text-subtle-color)\n\n  svg\n    fill: var(--text-subtle-color)\n\n.location-panel-header\n  padding: 5px\n  display: flex\n  flex-direction: row\n  align-items: center\n  gap: var(--panel-header-gap, 0.5rem)\n  min-height: var(--panel-header-height, 40px)\n  border-bottom: 1px solid var(--panel-rule-color)\n  &.fixed-height\n    height: var(--panel-header-height, 40px)\n\n  .spacer\n    flex-grow: 1\n    // Ensure the spacer is not extra wide\n    margin-right: calc(-1 * var(--panel-header-gap, 0.5rem))\n\n  .left-icon\n    padding: 7px\n\n  .position-controls :global(.bp5-button)\n    font-size: 12px !important\n\n  // Text elements should\n  h1, h2, h3, h4, h5, h6, p\n    margin: 0\n    font-size: 16px\n    overflow: hidden\n    text-overflow: ellipsis\n    &:first-child\n      margin-left: 10px\n\n.infodrawer-header-item\n  font-size: 12px\n\n  :global(.secondary)\n    font-size: 0.9em\n    color: var(--text-subtle-color)\n\n.infodrawer\n  pointer-events: all\n  max-height: 100%\n  max-width: 100%\n  height: fit-content\n  display: flex\n  flex-direction: column\n  overflow-y: hidden\n  background-color: var(--panel-background-color)\n  --panel-padding: 0\n\n  &:global(.bp5-card)\n    padding: 0\n    background-color: var(--panel-background-color)\n\n\n  &.loading\n    .infodrawer-body\n      overflow-y: hidden\n      min-height: 70px\n\n\n.infodrawer-contents\n  padding: 0 1em\n  &>:first-child\n    margin-top: 1rem\n  &>div:first-child\n    margin-top: 0\n  &>:last-child\n    margin-bottom: 1rem\n  &>div:last-child\n    margin-bottom: 0\n\n// The scrollable body of the infodrawer\n.infodrawer-body\n  flex-shrink: 1\n  min-height: 0\n  transition: min-height 0.5s ease\n  overflow-y: scroll\n  position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n  .infodrawer\n    border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"map-interface.cd485bb4.js.map"}

package/dist/cjs/map-interface.cf6c9a68.js

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