@macrostrat/map-interface 1.5.2 → 1.5.3

package/src/{map-panel/components/info-drawer → location-details}/macrostrat-linked.ts

@@ -1,5 +1,4 @@
 import hyper from "@macrostrat/hyper";
-import { AgeChip, AttrChip } from "../info-blocks";
 import {
   ExpansionPanel,
   ExpandableDetailsPanel,
@@ -10,11 +9,20 @@ import { scaleLinear } from "@visx/scale";
 import { AxisBottom } from "@visx/axis";
 import chroma from "chroma-js";
 import { LithologyList } from "@macrostrat/data-components";
+import { AttrChip, AgeChip } from "./info-blocks";
 
 const h = hyper.styled(styles);
 
-function MacrostratLinkedData(props) {
-  const { mapInfo, bedrockMatchExpanded, source } = props;
+export function MacrostratLinkedData(props) {
+  const {
+    mapInfo,
+    source,
+    stratNameURL,
+    environmentURL,
+    intervalURL,
+    lithologyURL,
+    expanded = true,
+  } = props;
 
   if (!mapInfo.mapData[0]) return h("div");
 
@@ -24,17 +32,17 @@ function MacrostratLinkedData(props) {
       className: "regional-panel",
       title: "Macrostrat-linked data",
       helpText: "via Macrostrat",
-      expanded: bedrockMatchExpanded,
+      expanded,
     },
     [
       h("div", { classes: expansionPanelDetailClasses }, [
-        h(MatchBasis, { source }),
-        h(AgeInformation, { mapInfo, source }),
+        h(MatchBasis, { source, stratNameURL }),
+        h(AgeInformation, { mapInfo, source, intervalURL }),
         h(Thickness, { source }),
         h(MinorFossilCollections, { source }),
         h(FossilOccs, { source }),
-        h(LithsAndClasses, { source }),
-        h(Environments, { source }),
+        h(LithsAndClasses, { source, lithologyURL }),
+        h(Environments, { source, environmentURL }),
         h(Economy, { source }),
       ]),
     ],
@@ -46,12 +54,12 @@ const expansionPanelDetailClasses = {
 };
 
 function AgeInformation(props) {
-  const { source, mapInfo } = props;
+  const { source, mapInfo, intervalURL } = props;
   const { macrostrat } = source;
 
   if (!macrostrat?.b_age) return h(MapAgeRenderer, { mapInfo });
 
-  return h(MacrostratAgeInfo, { macrostrat, mapInfo });
+  return h(MacrostratAgeInfo, { macrostrat, mapInfo, intervalURL });
 }
 
 function MapAgeRenderer(props) {
@@ -131,7 +139,7 @@ function AgeRefinementBar({ scale, data, color, label = null }) {
   );
 }
 
-function AgeRefinementPlot({ macrostrat, mapInfo }) {
+function AgeRefinementPlot({ macrostrat, mapInfo, intervalURL }) {
   // Plot the amount by which the age was refined
 
   const mapData = mapInfo.mapData[0];
@@ -168,7 +176,7 @@ function AgeRefinementPlot({ macrostrat, mapInfo }) {
   ]);
 }
 
-function MacrostratAgeInfoCore({ macrostrat }) {
+function MacrostratAgeInfoCore({ macrostrat, intervalURL }) {
   const { b_age, t_age, b_int, t_int } = macrostrat;
 
   if (!b_age) return null;
@@ -183,6 +191,7 @@ function MacrostratAgeInfoCore({ macrostrat }) {
       ageElement: h(AgeChip, {
         b_int: { ...b_int, int_name: age, b_age, t_age },
         t_int: { ...b_int, int_name: age, b_age, t_age },
+        intervalURL,
       }),
     },
     "Refined using the Macrostrat age model.",
@@ -198,7 +207,7 @@ function MacrostratAgeInfo(props) {
 }
 
 function MatchBasis(props) {
-  const { source } = props;
+  const { source, stratNameURL } = props;
   if (!source.macrostrat?.strat_names) return null;
 
   return h(
@@ -218,7 +227,7 @@ function MatchBasis(props) {
           h(
             "a.externalLink",
             {
-              href: "/lex/strat-names/" + name.strat_name_id,
+              href: stratNameURL + "/" + name.strat_name_id,
               key: i,
             },
             [name.rank_name],
@@ -288,7 +297,7 @@ function LithTypes(props) {
 }
 
 function LithsAndClasses(props) {
-  const { source } = props;
+  const { source, lithologyURL } = props;
   const { macrostrat } = source;
   const { liths = null, lith_types = null } = macrostrat;
 
@@ -312,7 +321,7 @@ function LithsAndClasses(props) {
       h(LithologyList, {
         lithologies,
         onClickItem: (e, lith) => {
-          window.open("/lex/lithology/" + lith.lith_id, "_self");
+          window.open(lithologyURL + "/" + lith.lith_id, "_self");
         },
       }),
     ]),
@@ -327,7 +336,7 @@ function EnvironTypes(props) {
 }
 
 function Environments(props) {
-  const { source } = props;
+  const { source, environmentURL } = props;
   const { macrostrat } = source;
   const { environs = null, environ_types = null } = macrostrat;
 
@@ -351,7 +360,8 @@ function Environments(props) {
       h(LithologyList, {
         lithologies,
         onClickItem: (e, environ) => {
-          window.open("/lex/environments/" + environ.environ_id, "_self");
+          console.log("environ", environmentURL);
+          window.open(environmentURL + "/" + environ.environ_id, "_self");
         },
       }),
     ]),
@@ -395,5 +405,3 @@ function Economy(props) {
     ]),
   );
 }
-
-export { MacrostratLinkedData };

package/src/{map-panel/components/info-drawer → location-details}/physiography.ts

@@ -1,18 +1,21 @@
 import h from "@macrostrat/hyper";
 import { ExpansionPanel } from "@macrostrat/map-interface";
 
-function Physiography(props) {
-  const { mapInfo } = props;
-  const { regions } = mapInfo;
+export function Physiography(props) {
+  const { mapInfo, expanded = true } = props;
+
+  if (!mapInfo || !mapInfo.regions) {
+    return null;
+  }
 
-  if (!mapInfo || !regions) return h("div");
+  const { regions } = mapInfo;
 
   return h.if(regions.length > 0)(
     ExpansionPanel,
     {
       classes: { root: "regional-panel" },
       title: "Physiography",
-      expanded: true,
+      expanded,
     },
     [
       regions.map((region, i) => {
@@ -25,5 +28,3 @@ function Physiography(props) {
     ],
   );
 }
-
-export { Physiography };

package/src/{map-panel/components/info-drawer → location-details}/reg-strat.ts

@@ -1,9 +1,28 @@
 import h from "@macrostrat/hyper";
 import { ExpansionPanel } from "@macrostrat/map-interface";
-import { addCommas } from "../../utils";
+import { addCommas } from "./utils";
+
+export function RegionalStratigraphy({
+  mapInfo,
+  columnInfo,
+  columnURL,
+  expanded = true,
+}) {
+  if (!mapInfo || !mapInfo.mapData) {
+    return null;
+  }
+
+  return RegionalStratigraphyInner({
+    mapInfo,
+    columnInfo,
+    columnURL,
+    expanded,
+  });
+}
+
+function RegionalStratigraphyInner(props) {
+  const { mapInfo, columnInfo, columnURL, expanded } = props;
 
-export function RegionalStratigraphy(props) {
-  const { mapInfo, columnInfo } = props;
   if (mapInfo?.mapData == null || !columnInfo) return null;
 
   return h(
@@ -11,15 +30,15 @@ export function RegionalStratigraphy(props) {
     {
       classes: { root: "regional-panel" },
       title: "Regional stratigraphy",
-      expanded: true,
+      expanded,
     },
-    [h.if(columnInfo != null)(ColumnData, { columnInfo })],
+    [h.if(columnInfo != null)(ColumnData, { columnInfo, columnURL })],
   );
 }
 
-function ColumnData({ columnInfo }) {
+function ColumnData({ columnInfo, columnURL }) {
   return h("div.column-data", [
-    h("a", { href: "/columns/" + columnInfo.col_id }, "View column page"),
+    h("a", { href: columnURL + "/" + columnInfo.col_id }, "View column page"),
     h(MapAttribute, {
       label: "Name: ",
       content: [columnInfo.col_name],

package/src/{map-panel → location-details}/utils/fossils.ts

@@ -33,8 +33,6 @@ export function makeOccurrenceTree(data) {
     return -1;
   }
 
-  console.log("Processing fossil data...", data);
-
   data.forEach((d) => {
     // Some preprocessing
     d.rank = d.rnk ? rankMap[d.rnk] : d.idr ? rankMap[d.idr] : "Unknown";

package/src/{map-panel/components/info-drawer → location-details}/xdd-panel/index.ts

@@ -16,17 +16,20 @@ export interface XDDSnippet {
   highlight: string[];
 }
 
-export function XddExpansion({ xddInfo }) {
+export function XddExpansion({ xddInfo, expanded = false }) {
   return h(xDDPanelCore, {
     className: "regional-panel",
     data: xddInfo,
     isFetching: xddInfo == undefined || xddInfo.length === 0,
+    expanded,
   });
 }
 
-export function xDDPanelCore({ isFetching, data: xddInfo, ...rest }) {
+export function xDDPanelCore({ isFetching, data: xddInfo, expanded, ...rest }) {
   const groupedData = groupSnippetsByJournal(xddInfo);
 
+  console.log("expanded", expanded);
+
   return h(
     ExpansionPanel,
     {
@@ -34,6 +37,7 @@ export function xDDPanelCore({ isFetching, data: xddInfo, ...rest }) {
       title: "Primary literature",
       helpText: "via xDD",
       ...rest,
+      expanded,
     },
     [
       h.if(isFetching)(Spinner),

package/dist/cjs/map-interface.02835ba5.js

@@ -1,46 +0,0 @@
-var $blb8W$macrostrathyper = require("@macrostrat/hyper");
-var $blb8W$macrostratmapinterface = require("@macrostrat/map-interface");
-
-
-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, "Physiography", () => $f71abc758f4a75a8$export$5ebc456b1906f3f1);
-
-
-function $f71abc758f4a75a8$export$5ebc456b1906f3f1(props) {
-    const { mapInfo: mapInfo } = props;
-    const { regions: regions } = mapInfo;
-    if (!mapInfo || !regions) return (0, ($parcel$interopDefault($blb8W$macrostrathyper)))("div");
-    return (0, ($parcel$interopDefault($blb8W$macrostrathyper))).if(regions.length > 0)((0, $blb8W$macrostratmapinterface.ExpansionPanel), {
-        classes: {
-            root: "regional-panel"
-        },
-        title: "Physiography",
-        expanded: true
-    }, [
-        regions.map((region, i)=>{
-            return (0, ($parcel$interopDefault($blb8W$macrostrathyper)))("div.region", {
-                key: i
-            }, [
-                (0, ($parcel$interopDefault($blb8W$macrostrathyper)))("h3", [
-                    region.name
-                ]),
-                (0, ($parcel$interopDefault($blb8W$macrostrathyper)))("p.region-group", [
-                    region.boundary_group
-                ]),
-                (0, ($parcel$interopDefault($blb8W$macrostrathyper)))("p.region-description", [
-                    region.descrip
-                ])
-            ]);
-        })
-    ]);
-}
-
-
-//# sourceMappingURL=map-interface.02835ba5.js.map

package/dist/cjs/map-interface.02835ba5.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;AAGA,SAAS,0CAAa,KAAK;IACzB,MAAM,WAAE,OAAO,EAAE,GAAG;IACpB,MAAM,WAAE,OAAO,EAAE,GAAG;IAEpB,IAAI,CAAC,WAAW,CAAC,SAAS,OAAO,CAAA,GAAA,gDAAA,EAAE;IAEnC,OAAO,CAAA,GAAA,gDAAA,EAAE,EAAE,CAAC,QAAQ,MAAM,GAAG,GAC3B,CAAA,GAAA,4CAAa,GACb;QACE,SAAS;YAAE,MAAM;QAAiB;QAClC,OAAO;QACP,UAAU;IACZ,GACA;QACE,QAAQ,GAAG,CAAC,CAAC,QAAQ;YACnB,OAAO,CAAA,GAAA,gDAAA,EAAE,cAAc;gBAAE,KAAK;YAAE,GAAG;gBACjC,CAAA,GAAA,gDAAA,EAAE,MAAM;oBAAC,OAAO,IAAI;iBAAC;gBACrB,CAAA,GAAA,gDAAA,EAAE,kBAAkB;oBAAC,OAAO,cAAc;iBAAC;gBAC3C,CAAA,GAAA,gDAAA,EAAE,wBAAwB;oBAAC,OAAO,OAAO;iBAAC;aAC3C;QACH;KACD;AAEL","sources":["packages/map-interface/src/map-panel/components/info-drawer/physiography.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { ExpansionPanel } from \"@macrostrat/map-interface\";\n\nfunction Physiography(props) {\n  const { mapInfo } = props;\n  const { regions } = mapInfo;\n\n  if (!mapInfo || !regions) return h(\"div\");\n\n  return h.if(regions.length > 0)(\n    ExpansionPanel,\n    {\n      classes: { root: \"regional-panel\" },\n      title: \"Physiography\",\n      expanded: true,\n    },\n    [\n      regions.map((region, i) => {\n        return h(\"div.region\", { key: i }, [\n          h(\"h3\", [region.name]),\n          h(\"p.region-group\", [region.boundary_group]),\n          h(\"p.region-description\", [region.descrip]),\n        ]);\n      }),\n    ],\n  );\n}\n\nexport { Physiography };\n"],"names":[],"version":3,"file":"map-interface.02835ba5.js.map"}

package/dist/cjs/map-interface.07a195a5.js

@@ -1,14 +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, "fossil-collection", () => $070fa3d8343fbd19$export$eaae644b58f26966, (v) => $070fa3d8343fbd19$export$eaae644b58f26966 = v);
-$parcel$export(module.exports, "pbdb-panel-header", () => $070fa3d8343fbd19$export$3c7ca3cfd958f189, (v) => $070fa3d8343fbd19$export$3c7ca3cfd958f189 = v);
-var $070fa3d8343fbd19$export$eaae644b58f26966;
-var $070fa3d8343fbd19$export$3c7ca3cfd958f189;
-$070fa3d8343fbd19$export$eaae644b58f26966 = `_8WYhnW_fossil-collection`;
-$070fa3d8343fbd19$export$3c7ca3cfd958f189 = `_8WYhnW_pbdb-panel-header`;
-
-
-//# sourceMappingURL=map-interface.07a195a5.js.map

package/dist/cjs/map-interface.07a195a5.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;AAAA,IAAA;AACA,IAAA;AADA,4CAAsC,CAAC,yBAAyB,CAAC;AACjE,4CAAsC,CAAC,yBAAyB,CAAC","sources":["packages/map-interface/src/map-panel/components/info-drawer/fossil-collections/main.module.sass"],"sourcesContent":["\ndiv.pbdb-panel-header\n  background-color: var(--accent-secondary-color)\n  display: flex\n  flex-direction: row\n  justify-content: space-between\n  align-items: baseline\n  margin: 0 -10px\n  padding: 5px 10px\n  h4\n    margin: 0\n\n.fossil-collection\n  margin-bottom: 1em\n  :global(.bp5-tab-panel)\n    margin-top: 0px\n"],"names":[],"version":3,"file":"map-interface.07a195a5.js.map"}

package/dist/cjs/map-interface.0f2392a0.css

@@ -1,64 +0,0 @@
-.AUB_rq_transition-item {
-  transition: height .5s ease-in-out, max-height .5s ease-in-out;
-}
-
-.AUB_rq_transition-item.enter {
-  opacity: 0;
-}
-
-.AUB_rq_transition-item.enter-active {
-  opacity: 1;
-  transition: opacity .5s ease-in-out, height .5s ease-in-out, max-height .5s ease-in-out;
-}
-
-.AUB_rq_transition-item.exit {
-  opacity: 1;
-}
-
-.AUB_rq_transition-item.exit-active {
-  opacity: 0;
-  transition: opacity .5s ease-in-out, height .5s ease-in-out, max-height .5s ease-in-out;
-}
-
-.AUB_rq_loading-area .AUB_rq_spinner, .AUB_rq_loading-area .AUB_rq_data {
-  transition: height .5s ease-in, opacity .2s ease-in;
-}
-
-.AUB_rq_loading-area .AUB_rq_spinner {
-  background-color: var(--panel-background-color);
-  width: 100%;
-  height: 100%;
-  min-height: 90px;
-  padding: 15px;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.AUB_rq_loading-area.AUB_rq_enter .AUB_rq_spinner {
-  opacity: 0;
-  height: 0;
-}
-
-.AUB_rq_loading-area.AUB_rq_enter .AUB_rq_data {
-  opacity: 1;
-}
-
-.AUB_rq_loading-area.AUB_rq_from .AUB_rq_spinner {
-  opacity: 1;
-  height: 90px;
-}
-
-.AUB_rq_loading-area.AUB_rq_from .AUB_rq_data {
-  opacity: 0;
-}
-
-.AUB_rq_loading-area.AUB_rq_leave .AUB_rq_spinner {
-  opacity: 1;
-  height: 90px;
-}
-
-.AUB_rq_loading-area.AUB_rq_leave .AUB_rq_data {
-  opacity: 0;
-}
-/*# sourceMappingURL=map-interface.0f2392a0.css.map */

package/dist/cjs/map-interface.0f2392a0.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;AAGA;;;;AAGA;;;;;AAIA;;;;AAGA;;;;;AAIA;;;;AAIA;;;;;;;;;;;AAUA;;;;;AAIA;;;;AAGA;;;;;AAIA;;;;AAGA;;;;;AAIA","sources":["packages/map-interface/src/map-panel/components/transitions/main.module.styl"],"sourcesContent":["transitionable()\n  &:global(.enter)\n    opacity: 0\n  &:global(.enter-active)\n    opacity: 1\n    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, max-height 0.5s ease-in-out\n  &:global(.exit)\n    opacity: 1\n  &:global(.exit-active)\n    opacity: 0\n    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, max-height 0.5s ease-in-out\n  transition: height 0.5s ease-in-out, max-height 0.5s ease-in-out\n\n.transition-item\n  transitionable()\n\n.loading-area\n  .spinner, .data\n    transition: height 0.5s ease-in, opacity 0.2s ease-in\n\n  .spinner\n    position absolute\n    top 0\n    left 0\n    width: 100%\n    height 100%\n    min-height: 90px\n    background-color: var(--panel-background-color)\n    padding: 15px\n\n  &.enter\n    .spinner\n      height: 0\n      opacity: 0\n\n    .data\n      opacity: 1\n\n  &.from\n    .spinner\n      height: 90px\n      opacity: 1\n\n    .data\n      opacity: 0\n\n  &.leave\n    .spinner\n      height: 90px\n      opacity: 1\n\n    .data\n      opacity: 0\n\n//.transition-item.infodrawer-info\n"],"names":[],"version":3,"file":"map-interface.0f2392a0.css.map"}

package/dist/cjs/map-interface.141c7329.js

@@ -1,58 +0,0 @@
-var $a77d4cb2e8e0bae6$exports = require("./map-interface.4264e7e1.js");
-var $73Lc0$blueprintjscore = require("@blueprintjs/core");
-var $73Lc0$macrostrathyper = require("@macrostrat/hyper");
-var $73Lc0$macrostratmapinterface = require("@macrostrat/map-interface");
-
-
-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, "default", () => $769456f773c604e1$export$2e2bcd8739ae039);
-
-
-
-
-function $769456f773c604e1$var$Journal(props) {
-    return (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))("div.journal", [
-        (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))("div.journal-title", [
-            (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))("h2.journal-title-text", [
-                props.data.name,
-                (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))("small.journal-source", [
-                    props.data
-                ])
-            ])
-        ]),
-        (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))((0, $73Lc0$blueprintjscore.Divider)),
-        props.data.articles.map((article, i)=>{
-            return (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))((0, $a77d4cb2e8e0bae6$exports.default), {
-                key: i,
-                data: article
-            });
-        })
-    ]);
-}
-// Still up for review
-function $769456f773c604e1$var$Journal_(props) {
-    const { articles: articles, name: name, publisher: publisher } = props;
-    const helpText = articles[0].pubname;
-    return (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))((0, $73Lc0$macrostratmapinterface.SubExpansionPanel), {
-        title: name,
-        helpText: publisher
-    }, [
-        articles.map((article, i)=>{
-            return (0, ($parcel$interopDefault($73Lc0$macrostrathyper)))((0, $a77d4cb2e8e0bae6$exports.default), {
-                key: i,
-                data: article
-            });
-        })
-    ]);
-}
-var $769456f773c604e1$export$2e2bcd8739ae039 = $769456f773c604e1$var$Journal_;
-
-
-//# sourceMappingURL=map-interface.141c7329.js.map

package/dist/cjs/map-interface.141c7329.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAMA,SAAS,8BAAQ,KAAK;IACpB,OAAO,CAAA,GAAA,gDAAA,EAAE,eAAe;QACtB,CAAA,GAAA,gDAAA,EAAE,qBAAqB;YACrB,CAAA,GAAA,gDAAA,EAAE,yBAAyB;gBACzB,MAAM,IAAI,CAAC,IAAI;gBACf,CAAA,GAAA,gDAAA,EAAE,wBAAwB;oBAAC,MAAM,IAAI;iBAAC;aACvC;SACF;QACD,CAAA,GAAA,gDAAA,EAAE,CAAA,GAAA,8BAAM;QACR,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS;YAChC,OAAO,CAAA,GAAA,gDAAA,EAAE,CAAA,GAAA,iCAAM,GAAG;gBAAE,KAAK;gBAAG,MAAM;YAAQ;QAC5C;KACD;AACH;AAQA,sBAAsB;AACtB,SAAS,+BAAS,KAAmB;IACnC,MAAM,YAAE,QAAQ,QAAE,IAAI,aAAE,SAAS,EAAE,GAAG;IAEtC,MAAM,WAAW,QAAQ,CAAC,EAAE,CAAC,OAAO;IAEpC,OAAO,CAAA,GAAA,gDAAA,EACL,CAAA,GAAA,+CAAgB,GAChB;QACE,OAAO;QACP,UAAU;IACZ,GACA;QACE,SAAS,GAAG,CAAC,CAAC,SAAS;YACrB,OAAO,CAAA,GAAA,gDAAA,EAAE,CAAA,GAAA,iCAAM,GAAG;gBAAE,KAAK;gBAAG,MAAM;YAAQ;QAC5C;KACD;AAEL;IAEA,2CAAe","sources":["packages/map-interface/src/map-panel/components/info-drawer/xdd-panel/Journal.tsx"],"sourcesContent":["import Article from \"./Article\";\nimport { Divider } from \"@blueprintjs/core\";\nimport h from \"@macrostrat/hyper\";\nimport { SubExpansionPanel } from \"@macrostrat/map-interface\";\nimport { XDDSnippet } from \"./index\";\n\nfunction Journal(props) {\n  return h(\"div.journal\", [\n    h(\"div.journal-title\", [\n      h(\"h2.journal-title-text\", [\n        props.data.name,\n        h(\"small.journal-source\", [props.data]),\n      ]),\n    ]),\n    h(Divider),\n    props.data.articles.map((article, i) => {\n      return h(Article, { key: i, data: article });\n    }),\n  ]);\n}\n\ntype JournalProps = {\n  articles: XDDSnippet[];\n  name: string;\n  publisher: string;\n};\n\n// Still up for review\nfunction Journal_(props: JournalProps) {\n  const { articles, name, publisher } = props;\n\n  const helpText = articles[0].pubname;\n\n  return h(\n    SubExpansionPanel,\n    {\n      title: name,\n      helpText: publisher,\n    },\n    [\n      articles.map((article, i) => {\n        return h(Article, { key: i, data: article });\n      }),\n    ],\n  );\n}\n\nexport default Journal_;\n"],"names":[],"version":3,"file":"map-interface.141c7329.js.map"}

package/dist/cjs/map-interface.1be58b40.css

@@ -1,69 +0,0 @@
-.JozziG_infodrawer-content {
-  margin: 0;
-}
-
-.JozziG_macrostrat-detail {
-  align-items: center;
-  margin: .2em 0 .4em;
-  display: flex;
-}
-
-.JozziG_macrostrat-detail .JozziG_expansion-summary-title {
-  margin-right: .8em;
-}
-
-.JozziG_macrostrat-detail .JozziG_expansion-summary-title:after {
-  content: ":";
-}
-
-.JozziG_described-age, .JozziG_macrostrat-detail {
-  align-items: center;
-  display: flex;
-}
-
-.JozziG_described-age .JozziG_expansion-summary-title, .JozziG_macrostrat-detail .JozziG_expansion-summary-title {
-  margin-right: .8em;
-}
-
-.JozziG_described-age .JozziG_expansion-summary-title:after, .JozziG_macrostrat-detail .JozziG_expansion-summary-title:after {
-  content: ":";
-}
-
-.JozziG_described-age .JozziG_description, .JozziG_macrostrat-detail .JozziG_description {
-  text-align: right;
-  max-width: 100px;
-  font-size: .7em;
-  font-style: italic;
-}
-
-.JozziG_described-age .JozziG_age-chips, .JozziG_macrostrat-detail .JozziG_age-chips {
-  flex-grow: 1;
-}
-
-.JozziG_spacer {
-  pointer-events: none;
-  flex-grow: 1;
-}
-
-.JozziG_macrostrat-unit h3 {
-  flex-grow: 1;
-  margin: .5em 0;
-}
-
-.JozziG_macrostrat-unit .JozziG_description {
-  margin-right: 1em;
-}
-
-.JozziG_description {
-  font-style: italic;
-}
-
-.JozziG_age-refinement-plot {
-  position: relative;
-}
-
-.JozziG_age-refinement-plot .JozziG_age-refinement-bar {
-  border-radius: 3px;
-  margin-bottom: 1px;
-}
-/*# sourceMappingURL=map-interface.1be58b40.css.map */

package/dist/cjs/map-interface.1be58b40.css.map

@@ -1 +0,0 @@
-{"mappings":"AAIA;;;;AAGA;;;;;;AAKA;;;;AAGA;;;;AAGA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAGA","sources":["packages/map-interface/src/map-panel/components/info-drawer/main.module.styl"],"sourcesContent":[".spacer\n  flex-grow 1\n  pointer-events none\n\n.infodrawer-content\n  margin: 0;\n\n.macrostrat-detail\n  display: flex;\n  align-items: center;\n  margin 0.2em 0 0.4em;\n\n  .expansion-summary-title\n    margin-right: 0.8em;\n\n    &:after\n      content: \":\";\n\n.described-age, .macrostrat-detail\n  display: flex;\n  align-items: center;\n\n  .expansion-summary-title\n    margin-right: 0.8em;\n\n    &:after\n      content: \":\";\n\n  .description\n    font-style italic\n    font-size 0.7em\n    max-width: 100px\n    text-align: right\n\n  .age-chips\n    flex-grow 1\n\n\n// &.loading\n//   max-height: 200px\n// max-height: calc(100vh - 60px)\n// transition: max-height 0.5s ease-in-out 0.25s\n\n\n.spacer\n  flex-grow 1\n  pointer-events none\n\n.macrostrat-unit\n  h3\n    margin: 0.5em 0 0.5em;\n    flex-grow: 1;\n\n  .description\n    margin-right: 1em\n\n.description\n  font-style italic\n\n.age-refinement-plot\n  position relative\n\n  .age-refinement-bar\n    border-radius: 3px\n    margin-bottom: 1px\n\n\n"],"names":[],"version":3,"file":"map-interface.1be58b40.css.map"}

package/dist/cjs/map-interface.1bfa8ff4.css.map

@@ -1 +0,0 @@
-{"mappings":"AACA;;;;;;;;;;AAQE;;;;AAGF;;;;AAEE","sources":["packages/map-interface/src/map-panel/components/info-drawer/fossil-collections/main.module.sass"],"sourcesContent":["\ndiv.pbdb-panel-header\n  background-color: var(--accent-secondary-color)\n  display: flex\n  flex-direction: row\n  justify-content: space-between\n  align-items: baseline\n  margin: 0 -10px\n  padding: 5px 10px\n  h4\n    margin: 0\n\n.fossil-collection\n  margin-bottom: 1em\n  :global(.bp5-tab-panel)\n    margin-top: 0px\n"],"names":[],"version":3,"file":"map-interface.1bfa8ff4.css.map"}

package/dist/cjs/map-interface.4264e7e1.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAKA,SAAS,8BAAQ,KAAK;IACpB,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,qBAAO,EAAE;IACzC,MAAM,QAAE,IAAI,EAAE,GAAG;IAEjB,MAAM,eAAe;QACnB,YAAY,CAAC;IACf;IAEA,2DAA2D;IAC3D,IAAI;IACJ,IAAI;QACF,OAAO,KAAK,SAAS,GAAG,KAAK,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,GAAG;IAC7D,EAAE,OAAO,GAAG;QACV,OAAO;IACT;IAEA,MAAM,UAAU,MAAM,SAAS,MAAM,SAAS,EAAE;IAEhD,MAAM,aACJ,QAAQ,MAAM,GAAG,IAAI,CAAA,GAAA,gDAAA,EAAE,CAAA,GAAA,wCAAS,GAAG;QAAE,OAAO;IAAQ,KAAK;IAE3D,MAAM,WAAW,WAAW,eAAe;IAE3C,qBACE,0DAAC;QAAI,WAAU;qBACb,0DAAC;QAAI,WAAU;qBACb,0DAAC;QAAE,WAAU;OACV,YAAW,MAAG,KAAK,MAAM,GAAG,MAAM,OAAO,OAAO,mBAEnD,0DAAC;QAAE,MAAM,KAAK,GAAG;QAAE,QAAO;QAAS,WAAU;qBAC3C,0DAAC,gBAAQ,KAAK,KAAK,EAAC,qBAGtB,0DAAC,4BACC,0DAAC,CAAA,GAAA,6BAAK;QACJ,SAAS;QACT,SAAS;QACT,WAAW;QACX,WAAU;wBAIhB,0DAAC,CAAA,GAAA,+BAAO;QAAE,QAAQ;qBAChB,0DAAC;QAAK,WAAW,WAAW,KAAK;qBAC/B,0DAAC;QAAI,WAAU;OACZ,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,SAAS;QAC5B,IAAI,OAAO;QAEX,qBACE,0DAAC;YACC,WAAU;YACV,KAAK;YACL,yBAAyB;gBAAE,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,CAAC;YAAC;;IAG5D;AAMZ;IAEA,2CAAe","sources":["packages/map-interface/src/map-panel/components/info-drawer/xdd-panel/Article.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Collapse, Button } from \"@blueprintjs/core\";\nimport { AuthorList } from \"@macrostrat/ui-components\";\nimport h from \"@macrostrat/hyper\";\n\nfunction Article(props) {\n  const [expanded, setExpanded] = useState(false);\n  const { data } = props;\n\n  const toggleExpand = () => {\n    setExpanded(!expanded);\n  };\n\n  // Attempt to pull out only the year and not the whole date\n  let year;\n  try {\n    year = data.coverDate ? data.coverDate.match(/\\d{4}/)[0] : \"\";\n  } catch (e) {\n    year = \"\";\n  }\n\n  const authors = data?.authors?.split(\"; \") ?? [];\n\n  const authorList =\n    authors.length > 0 ? h(AuthorList, { names: authors }) : \"Unknown\";\n\n  const iconName = expanded ? \"chevron-up\" : \"chevron-down\";\n\n  return (\n    <div className=\"article\">\n      <div className=\"article-title\">\n        <p className=\"article-author\">\n          {authorList}, {year.length ? \" \" + year + \". \" : \"\"}\n        </p>\n        <a href={data.URL} target=\"_blank\" className=\"title-link\">\n          <strong>{data.title}.</strong>\n        </a>\n\n        <span>\n          <Button\n            onClick={toggleExpand}\n            minimal={true}\n            rightIcon={iconName}\n            className=\"flat-btn\"\n          ></Button>\n        </span>\n      </div>\n      <Collapse isOpen={expanded}>\n        <span className={expanded ? \"\" : \"hidden\"}>\n          <div className=\"quotes\">\n            {data.highlight.map((snippet, si) => {\n              let text = snippet;\n\n              return (\n                <p\n                  className=\"gdd-snippet\"\n                  key={si}\n                  dangerouslySetInnerHTML={{ __html: `...${snippet}...` }}\n                ></p>\n              );\n            })}\n          </div>\n        </span>\n      </Collapse>\n    </div>\n  );\n}\n\nexport default Article;\n"],"names":[],"version":3,"file":"map-interface.4264e7e1.js.map"}