@macrostrat/map-interface 1.4.2 → 1.5.0

package/dist/cjs/map-interface.3eb3ffd1.js

@@ -0,0 +1,122 @@
+var $8569970142f4fcfc$exports = require("./map-interface.3f968b46.js");
+var $f71abc758f4a75a8$exports = require("./map-interface.02835ba5.js");
+require("./map-interface.1be58b40.css");
+var $f2e0b9e87d965c31$exports = require("./map-interface.9893b047.js");
+var $cfd1234d8b0afe66$exports = require("./map-interface.ff2231f5.js");
+var $b951c9e8f692a209$exports = require("./map-interface.5737346f.js");
+var $d3d9e7b5fce766d0$exports = require("./map-interface.937c0b90.js");
+var $kNr5S$macrostrathyper = require("@macrostrat/hyper");
+var $kNr5S$macrostratmapinterface = require("@macrostrat/map-interface");
+var $kNr5S$macrostratuicomponents = require("@macrostrat/ui-components");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $31b5775c3898b308$export$2e2bcd8739ae039);
+
+
+
+
+
+
+
+
+
+// import { apiV2Prefix, gddDomain } from "@macrostrat-web/settings";
+const $31b5775c3898b308$var$apiV2Prefix = `https://dev.macrostrat.org/api/v2`;
+const $31b5775c3898b308$var$gddDomain = `https://xdd.wisc.edu`;
+const $31b5775c3898b308$var$h = (0, ($parcel$interopDefault($kNr5S$macrostrathyper))).styled((0, ($parcel$interopDefault($f2e0b9e87d965c31$exports))));
+function $31b5775c3898b308$var$InfoDrawer(props) {
+    const { className: className, position: position, zoom: zoom, setSelectedLocation: setSelectedLocation, children: children = null } = props;
+    const { lat: lat, lng: lng } = position;
+    const mapInfo = $31b5775c3898b308$var$fetchMapInfo(lng, lat, zoom);
+    const columnInfo = $31b5775c3898b308$var$fetchColumnInfo(lng, lat);
+    const xddInfo = $31b5775c3898b308$var$fetchXddInfo(mapInfo?.mapData?.[0]?.macrostrat?.strat_names);
+    const fetchingMapInfo = mapInfo == null;
+    return $31b5775c3898b308$var$h((0, $kNr5S$macrostratmapinterface.LocationPanel), {
+        className: className,
+        position: position,
+        elevation: mapInfo?.elevation,
+        zoom: zoom,
+        onClose: ()=>setSelectedLocation(null),
+        loading: mapInfo == null,
+        showCopyPositionButton: true,
+        contentContainer: "div.infodrawer-content-holder"
+    }, [
+        $31b5775c3898b308$var$h((0, $cfd1234d8b0afe66$exports.LoadingArea), {
+            loaded: !fetchingMapInfo,
+            className: "infodrawer-content"
+        }, $31b5775c3898b308$var$h.if(!fetchingMapInfo)($31b5775c3898b308$var$InfoDrawerMainPanel, {
+            mapInfo: mapInfo,
+            columnInfo: columnInfo,
+            xddInfo: xddInfo
+        })),
+        children
+    ]);
+}
+function $31b5775c3898b308$var$InfoDrawerMainPanel({ mapInfo: mapInfo, columnInfo: columnInfo, xddInfo: xddInfo }) {
+    if (!mapInfo || !mapInfo.mapData) return null;
+    let source = mapInfo && mapInfo.mapData && mapInfo.mapData.length ? mapInfo.mapData[0] : {
+        name: null,
+        descrip: null,
+        comments: null,
+        liths: [],
+        b_int: {},
+        t_int: {},
+        ref: {}
+    };
+    return $31b5775c3898b308$var$h([
+        $31b5775c3898b308$var$h((0, $b951c9e8f692a209$exports.RegionalStratigraphy), {
+            mapInfo: mapInfo,
+            columnInfo: columnInfo
+        }),
+        // h(FossilCollections, { data: pbdbData, expanded: true }),
+        $31b5775c3898b308$var$h((0, $8569970142f4fcfc$exports.MacrostratLinkedData), {
+            mapInfo: mapInfo,
+            bedrockMatchExpanded: true,
+            source: source
+        }),
+        $31b5775c3898b308$var$h.if(xddInfo)((0, $d3d9e7b5fce766d0$exports.XddExpansion), {
+            xddInfo: xddInfo
+        }),
+        $31b5775c3898b308$var$h((0, $f71abc758f4a75a8$exports.Physiography), {
+            mapInfo: mapInfo
+        })
+    ]);
+}
+var $31b5775c3898b308$export$2e2bcd8739ae039 = $31b5775c3898b308$var$InfoDrawer;
+function $31b5775c3898b308$var$fetchMapInfo(lng, lat, z) {
+    return (0, $kNr5S$macrostratuicomponents.useAPIResult)(`${$31b5775c3898b308$var$apiV2Prefix}/mobile/map_query_v2`, {
+        lng: lng,
+        lat: lat,
+        z: z
+    })?.success?.data;
+}
+function $31b5775c3898b308$var$fetchColumnInfo(lng, lat) {
+    return (0, $kNr5S$macrostratuicomponents.useAPIResult)(`${$31b5775c3898b308$var$apiV2Prefix}/columns`, {
+        lat: lat,
+        lng: lng,
+        response: "long"
+    })?.success?.data?.[0];
+}
+function $31b5775c3898b308$var$fetchXddInfo(stratNames) {
+    return (0, $kNr5S$macrostratuicomponents.useAPIResult)(`${$31b5775c3898b308$var$gddDomain}/api/v1/snippets`, {
+        article_limit: 20,
+        term: stratNames?.map((d)=>d.rank_name).join(",")
+    })?.success?.data;
+}
+
+
+//# sourceMappingURL=map-interface.3eb3ffd1.js.map

package/dist/cjs/map-interface.3eb3ffd1.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,qEAAqE;AACrE,MAAM,oCAAc,CAAC,iCAAiC,CAAC;AACvD,MAAM,kCAAY,CAAC,oBAAoB,CAAC;AAExC,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,SAAS,iCAAW,KAAK;IACvB,MAAM,aACJ,SAAS,YACT,QAAQ,QACR,IAAI,uBACJ,mBAAmB,YACnB,WAAW,MACZ,GAAG;IAEJ,MAAM,OAAE,GAAG,OAAE,GAAG,EAAE,GAAG;IAErB,MAAM,UAAU,mCAAa,KAAK,KAAK;IACvC,MAAM,aAAa,sCAAgB,KAAK;IACxC,MAAM,UAAU,mCAAa,SAAS,SAAS,CAAC,EAAE,EAAE,YAAY;IAEhE,MAAM,kBAAkB,WAAW;IAEnC,OAAO,wBACL,CAAA,GAAA,2CAAY,GACZ;mBACE;kBACA;QACA,WAAW,SAAS;cACpB;QACA,SAAS,IAAM,oBAAoB;QACnC,SAAS,WAAW;QACpB,wBAAwB;QACxB,kBAAkB;IACpB,GACA;QACE,wBACE,CAAA,GAAA,qCAAU,GACV;YAAE,QAAQ,CAAC;YAAiB,WAAW;QAAqB,GAC5D,wBAAE,EAAE,CAAC,CAAC,iBAAiB,2CAAqB;qBAC1C;wBACA;qBACA;QACF;QAEF;KACD;AAEL;AAEA,SAAS,0CAAoB,WAAE,OAAO,cAAE,UAAU,WAAE,OAAO,EAAE;IAC3D,IAAI,CAAC,WAAW,CAAC,QAAQ,OAAO,EAC9B,OAAO;IAGT,IAAI,SACF,WAAW,QAAQ,OAAO,IAAI,QAAQ,OAAO,CAAC,MAAM,GAChD,QAAQ,OAAO,CAAC,EAAE,GAClB;QACE,MAAM;QACN,SAAS;QACT,UAAU;QACV,OAAO,EAAE;QACT,OAAO,CAAC;QACR,OAAO,CAAC;QACR,KAAK,CAAC;IACR;IAEN,OAAO,wBAAE;QACP,wBAAE,CAAA,GAAA,8CAAmB,GAAG;qBACtB;wBACA;QACF;QACA,4DAA4D;QAC5D,wBAAE,CAAA,GAAA,8CAAmB,GAAG;qBACtB;YACA,sBAAsB;oBACtB;QACF;QACA,wBAAE,EAAE,CAAC,SAAS,CAAA,GAAA,sCAAW,GAAG;qBAAE;QAAQ;QACtC,wBAAE,CAAA,GAAA,sCAAW,GAAG;qBAAE;QAAQ;KAC3B;AACH;IAEA,2CAAe;AAEf,SAAS,mCAAa,GAAG,EAAE,GAAG,EAAE,CAAC;IAC/B,OAAO,CAAA,GAAA,0CAAW,EAAE,GAAG,kCAAY,oBAAoB,CAAC,EAAE;aACxD;aACA;WACA;IACF,IAAI,SAAS;AACf;AAEA,SAAS,sCAAgB,GAAG,EAAE,GAAG;IAC/B,OAAO,CAAA,GAAA,0CAAW,EAAE,GAAG,kCAAY,QAAQ,CAAC,EAAE;aAC5C;aACA;QACA,UAAU;IACZ,IAAI,SAAS,MAAM,CAAC,EAAE;AACxB;AAEA,SAAS,mCAAa,UAAU;IAC9B,OAAO,CAAA,GAAA,0CAAW,EAAE,GAAG,gCAAU,gBAAgB,CAAC,EAAE;QAClD,eAAe;QACf,MAAM,YAAY,IAAI,CAAC,IAAM,EAAE,SAAS,EAAE,KAAK;IACjD,IAAI,SAAS;AACf","sources":["packages/map-interface/src/map-panel/components/info-drawer/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { LocationPanel } from \"@macrostrat/map-interface\";\nimport { MacrostratLinkedData } from \"./macrostrat-linked\";\nimport { Physiography } from \"./physiography\";\nimport styles from \"./main.module.styl\";\nimport { LoadingArea } from \"../transitions\";\nimport { RegionalStratigraphy } from \"./reg-strat\";\nimport { XddExpansion } from \"./xdd-panel\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\n// import { apiV2Prefix, gddDomain } from \"@macrostrat-web/settings\";\nconst apiV2Prefix = `https://dev.macrostrat.org/api/v2`;\nconst gddDomain = `https://xdd.wisc.edu`;\n\nconst h = hyper.styled(styles);\n\nfunction InfoDrawer(props) {\n  const {\n    className,\n    position,\n    zoom,\n    setSelectedLocation,\n    children = null,\n  } = props;\n\n  const { lat, lng } = position;\n\n  const mapInfo = fetchMapInfo(lng, lat, zoom);\n  const columnInfo = fetchColumnInfo(lng, lat);\n  const xddInfo = fetchXddInfo(mapInfo?.mapData?.[0]?.macrostrat?.strat_names);\n\n  const fetchingMapInfo = mapInfo == null;\n\n  return h(\n    LocationPanel,\n    {\n      className,\n      position,\n      elevation: mapInfo?.elevation,\n      zoom,\n      onClose: () => setSelectedLocation(null),\n      loading: mapInfo == null,\n      showCopyPositionButton: true,\n      contentContainer: \"div.infodrawer-content-holder\",\n    },\n    [\n      h(\n        LoadingArea,\n        { loaded: !fetchingMapInfo, className: \"infodrawer-content\" },\n        h.if(!fetchingMapInfo)(InfoDrawerMainPanel, {\n          mapInfo,\n          columnInfo,\n          xddInfo,\n        }),\n      ),\n      children,\n    ],\n  );\n}\n\nfunction InfoDrawerMainPanel({ mapInfo, columnInfo, xddInfo }) {\n  if (!mapInfo || !mapInfo.mapData) {\n    return null;\n  }\n\n  let source =\n    mapInfo && mapInfo.mapData && mapInfo.mapData.length\n      ? mapInfo.mapData[0]\n      : {\n          name: null,\n          descrip: null,\n          comments: null,\n          liths: [],\n          b_int: {},\n          t_int: {},\n          ref: {},\n        };\n\n  return h([\n    h(RegionalStratigraphy, {\n      mapInfo,\n      columnInfo,\n    }),\n    // h(FossilCollections, { data: pbdbData, expanded: true }),\n    h(MacrostratLinkedData, {\n      mapInfo,\n      bedrockMatchExpanded: true,\n      source,\n    }),\n    h.if(xddInfo)(XddExpansion, { xddInfo }),\n    h(Physiography, { mapInfo }),\n  ]);\n}\n\nexport default InfoDrawer;\n\nfunction fetchMapInfo(lng, lat, z) {\n  return useAPIResult(`${apiV2Prefix}/mobile/map_query_v2`, {\n    lng,\n    lat,\n    z,\n  })?.success?.data;\n}\n\nfunction fetchColumnInfo(lng, lat) {\n  return useAPIResult(`${apiV2Prefix}/columns`, {\n    lat,\n    lng,\n    response: \"long\",\n  })?.success?.data?.[0];\n}\n\nfunction fetchXddInfo(stratNames) {\n  return useAPIResult(`${gddDomain}/api/v1/snippets`, {\n    article_limit: 20,\n    term: stratNames?.map((d) => d.rank_name).join(\",\"),\n  })?.success?.data;\n}\n"],"names":[],"version":3,"file":"map-interface.3eb3ffd1.js.map"}

package/dist/cjs/map-interface.3f968b46.js

@@ -0,0 +1,381 @@
+var $dd32e7ae54443412$exports = require("./map-interface.2a32a290.js");
+require("./map-interface.1be58b40.css");
+var $f2e0b9e87d965c31$exports = require("./map-interface.9893b047.js");
+var $7j411$macrostrathyper = require("@macrostrat/hyper");
+var $7j411$macrostratmapinterface = require("@macrostrat/map-interface");
+var $7j411$visxscale = require("@visx/scale");
+var $7j411$visxaxis = require("@visx/axis");
+var $7j411$chromajs = require("chroma-js");
+var $7j411$macrostratdatacomponents = require("@macrostrat/data-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, "MacrostratLinkedData", () => $8569970142f4fcfc$export$fa9d8c2f420ac2bd);
+
+
+
+
+
+
+
+
+const $8569970142f4fcfc$var$h = (0, ($parcel$interopDefault($7j411$macrostrathyper))).styled((0, ($parcel$interopDefault($f2e0b9e87d965c31$exports))));
+function $8569970142f4fcfc$export$fa9d8c2f420ac2bd(props) {
+    const { mapInfo: mapInfo, bedrockMatchExpanded: bedrockMatchExpanded, source: source } = props;
+    if (!mapInfo.mapData[0]) return $8569970142f4fcfc$var$h("div");
+    return $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpansionPanel), {
+        className: "regional-panel",
+        title: "Macrostrat-linked data",
+        helpText: "via Macrostrat",
+        expanded: bedrockMatchExpanded
+    }, [
+        $8569970142f4fcfc$var$h("div", {
+            classes: $8569970142f4fcfc$var$expansionPanelDetailClasses
+        }, [
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$MatchBasis, {
+                source: source
+            }),
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$AgeInformation, {
+                mapInfo: mapInfo,
+                source: source
+            }),
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$Thickness, {
+                source: source
+            }),
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$MinorFossilCollections, {
+                source: source
+            }),
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$FossilOccs, {
+                source: source
+            }),
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$LithsAndClasses, {
+                source: source
+            }),
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$Environments, {
+                source: source
+            }),
+            $8569970142f4fcfc$var$h($8569970142f4fcfc$var$Economy, {
+                source: source
+            })
+        ])
+    ]);
+}
+const $8569970142f4fcfc$var$expansionPanelDetailClasses = {
+    root: "expansion-panel-detail"
+};
+function $8569970142f4fcfc$var$AgeInformation(props) {
+    const { source: source, mapInfo: mapInfo } = props;
+    const { macrostrat: macrostrat } = source;
+    if (!macrostrat?.b_age) return $8569970142f4fcfc$var$h($8569970142f4fcfc$var$MapAgeRenderer, {
+        mapInfo: mapInfo
+    });
+    return $8569970142f4fcfc$var$h($8569970142f4fcfc$var$MacrostratAgeInfo, {
+        macrostrat: macrostrat,
+        mapInfo: mapInfo
+    });
+}
+function $8569970142f4fcfc$var$MapAgeRenderer(props) {
+    const { mapInfo: mapInfo, ...rest } = props;
+    return $8569970142f4fcfc$var$h($8569970142f4fcfc$var$DescribedAgeInfo, {
+        ageElement: $8569970142f4fcfc$var$h((0, $dd32e7ae54443412$exports.AgeChip), {
+            b_int: mapInfo.mapData[0].b_int,
+            t_int: mapInfo.mapData[0].t_int
+        })
+    }, "Based on geologic map description.");
+}
+function $8569970142f4fcfc$var$DescribedAgeInfo(props) {
+    const { ageElement: ageElement, children: children, className: className } = props;
+    return $8569970142f4fcfc$var$h("div.described-age.macrostrast-detail", [
+        $8569970142f4fcfc$var$h("div.expansion-summary-title", "Age"),
+        $8569970142f4fcfc$var$h("div.age-chips", null, ageElement),
+        $8569970142f4fcfc$var$h("div.description", children)
+    ]);
+}
+function $8569970142f4fcfc$var$AgeRefinementBar({ scale: scale, data: data, color: color, label: label = null }) {
+    const { b_int: b_int, t_int: t_int } = data;
+    const b_age = data.b_age ?? b_int.b_age;
+    const t_age = data.t_age ?? t_int.t_age;
+    const backgroundColor = color ?? b_int.color;
+    const accentColor = (0, ($parcel$interopDefault($7j411$chromajs)))(backgroundColor).darken(0.5).hex();
+    const labelColor = (0, ($parcel$interopDefault($7j411$chromajs)))(backgroundColor).darken(2).hex();
+    const left = scale(b_age);
+    const width = scale(t_age) - scale(b_age);
+    let labelTranslate = 5;
+    let textAlign = "start";
+    // Adjust label placement
+    if (width < 100) {
+        if (left < 100) labelTranslate = width + 5;
+        else {
+            labelTranslate = -305;
+            textAlign = "end";
+        }
+    }
+    return $8569970142f4fcfc$var$h("div.age-refinement-bar", {
+        style: {
+            marginLeft: `${left}px`,
+            width: `${width}px`,
+            height: "18px",
+            backgroundColor: backgroundColor,
+            border: `2px solid ${accentColor}`,
+            position: "relative"
+        }
+    }, $8569970142f4fcfc$var$h("div.age-refinement-bar-label", {
+        style: {
+            transform: `translateX(${labelTranslate}px)`,
+            color: labelColor,
+            fontSize: "10px",
+            width: 300,
+            textAlign: textAlign
+        }
+    }, label));
+}
+function $8569970142f4fcfc$var$AgeRefinementPlot({ macrostrat: macrostrat, mapInfo: mapInfo }) {
+    // Plot the amount by which the age was refined
+    const mapData = mapInfo.mapData[0];
+    const b_age = Math.max(mapData.b_int.b_age, macrostrat.b_age);
+    const t_age = Math.min(mapData.t_int.t_age, macrostrat.t_age);
+    const scale = (0, $7j411$visxscale.scaleLinear)({
+        domain: [
+            1.02 * b_age,
+            t_age * 0.98
+        ],
+        range: [
+            20,
+            360
+        ]
+    });
+    // use visx to plot the age refinement
+    return $8569970142f4fcfc$var$h("div.age-refinement-plot", [
+        $8569970142f4fcfc$var$h($8569970142f4fcfc$var$AgeRefinementBar, {
+            scale: scale,
+            data: macrostrat,
+            label: "Macrostrat age model"
+        }),
+        $8569970142f4fcfc$var$h($8569970142f4fcfc$var$AgeRefinementBar, {
+            scale: scale,
+            data: mapData,
+            label: "Map legend"
+        }),
+        // Age axis
+        $8569970142f4fcfc$var$h("svg", {
+            width: "100%",
+            height: "40px"
+        }, [
+            $8569970142f4fcfc$var$h((0, $7j411$visxaxis.AxisBottom), {
+                scale: scale,
+                numTicks: 5,
+                top: 1,
+                left: 0,
+                label: "Age (Ma)"
+            })
+        ])
+    ]);
+}
+function $8569970142f4fcfc$var$MacrostratAgeInfoCore({ macrostrat: macrostrat }) {
+    const { b_age: b_age, t_age: t_age, b_int: b_int, t_int: t_int } = macrostrat;
+    if (!b_age) return null;
+    let age = b_int.int_name;
+    if (b_int.int_id !== t_int.int_id) age += ` - ${t_int.int_name}`;
+    return $8569970142f4fcfc$var$h($8569970142f4fcfc$var$DescribedAgeInfo, {
+        ageElement: $8569970142f4fcfc$var$h((0, $dd32e7ae54443412$exports.AgeChip), {
+            b_int: {
+                ...b_int,
+                int_name: age,
+                b_age: b_age,
+                t_age: t_age
+            },
+            t_int: {
+                ...b_int,
+                int_name: age,
+                b_age: b_age,
+                t_age: t_age
+            }
+        })
+    }, "Refined using the Macrostrat age model.");
+}
+function $8569970142f4fcfc$var$MacrostratAgeInfo(props) {
+    return $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpandableDetailsPanel), {
+        headerElement: $8569970142f4fcfc$var$h($8569970142f4fcfc$var$MacrostratAgeInfoCore, props)
+    }, $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpansionBody), {
+        title: "Age refinement"
+    }, $8569970142f4fcfc$var$h($8569970142f4fcfc$var$AgeRefinementPlot, props)));
+}
+function $8569970142f4fcfc$var$MatchBasis(props) {
+    const { source: source } = props;
+    if (!source.macrostrat?.strat_names) return null;
+    return $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpandableDetailsPanel), {
+        className: "macrostrat-unit",
+        headerElement: $8569970142f4fcfc$var$h([
+            $8569970142f4fcfc$var$h("h3", source.macrostrat.strat_names[0].rank_name),
+            $8569970142f4fcfc$var$h("div.description", "Matched stratigraphic unit")
+        ])
+    }, $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpansionBody), {
+        title: "All matched names"
+    }, [
+        source.macrostrat.strat_names.map((name, i)=>{
+            let lastElement = i == source.macrostrat.strat_names.length - 1;
+            return $8569970142f4fcfc$var$h("span", {
+                key: i
+            }, [
+                $8569970142f4fcfc$var$h("a.externalLink", {
+                    href: "/lex/strat-names/" + name.strat_name_id,
+                    key: i
+                }, [
+                    name.rank_name
+                ]),
+                $8569970142f4fcfc$var$h.if(!lastElement)([
+                    ", "
+                ])
+            ]);
+        })
+    ]));
+}
+function $8569970142f4fcfc$var$Thickness(props) {
+    const { source: source } = props;
+    if (!source.macrostrat.max_thick) return $8569970142f4fcfc$var$h("div");
+    return $8569970142f4fcfc$var$h.if(source.macrostrat && source.macrostrat.max_thick)("div.macrostrat-detail", [
+        $8569970142f4fcfc$var$h("div.expansion-summary-title", "Thickness"),
+        $8569970142f4fcfc$var$h("div", [
+            source.macrostrat.min_min_thick,
+            " - ",
+            source.macrostrat.max_thick,
+            "m"
+        ])
+    ]);
+}
+function $8569970142f4fcfc$var$MinorFossilCollections(props) {
+    const { source: source } = props;
+    const { macrostrat: macrostrat } = source;
+    if (!macrostrat.pbdb_collections) return $8569970142f4fcfc$var$h("div");
+    return $8569970142f4fcfc$var$h.if(macrostrat && macrostrat.pbdb_collections)("div.macrostrat-detail", [
+        $8569970142f4fcfc$var$h("div.expansion-summary-title", "Fossil collections"),
+        $8569970142f4fcfc$var$h("div", [
+            macrostrat.pbdb_collections
+        ])
+    ]);
+}
+function $8569970142f4fcfc$var$FossilOccs(props) {
+    const { source: source } = props;
+    const { macrostrat: macrostrat } = source;
+    if (!macrostrat?.pbdb_occs) return null;
+    return $8569970142f4fcfc$var$h("div.macrostrat-detail", [
+        $8569970142f4fcfc$var$h("div.expansion-summary-title", "Fossil occurrences"),
+        $8569970142f4fcfc$var$h("div", [
+            macrostrat.pbdb_occs
+        ])
+    ]);
+}
+function $8569970142f4fcfc$var$LithTypes(props) {
+    const { lith_types: lith_types } = props;
+    return $8569970142f4fcfc$var$h.if(lith_types && lith_types.length > 0)("div.lithologies.lithology-types", [
+        $8569970142f4fcfc$var$h((0, $7j411$macrostratdatacomponents.LithologyList), {
+            lithologies: lith_types
+        })
+    ]);
+}
+function $8569970142f4fcfc$var$LithsAndClasses(props) {
+    const { source: source } = props;
+    const { macrostrat: macrostrat } = source;
+    const { liths: liths = null, lith_types: lith_types = null } = macrostrat;
+    if (!liths || liths.length == 0) return null;
+    const lithologies = liths.map((lith)=>{
+        return {
+            ...lith,
+            name: lith.lith,
+            color: lith.color || "#000000"
+        };
+    });
+    return $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpandableDetailsPanel), {
+        title: "Lithology",
+        value: $8569970142f4fcfc$var$h($8569970142f4fcfc$var$LithTypes, {
+            lith_types: lith_types
+        })
+    }, $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpansionBody), {
+        title: "Matched lithologies"
+    }, [
+        $8569970142f4fcfc$var$h((0, $7j411$macrostratdatacomponents.LithologyList), {
+            lithologies: lithologies,
+            onClickItem: (e, lith)=>{
+                window.open("/lex/lithology/" + lith.lith_id, "_self");
+            }
+        })
+    ]));
+}
+function $8569970142f4fcfc$var$EnvironTypes(props) {
+    const { environ_types: environ_types } = props;
+    return $8569970142f4fcfc$var$h.if(environ_types && environ_types.length > 0)((0, $7j411$macrostratdatacomponents.LithologyList), {
+        lithologies: environ_types?.filter((e)=>e.name != "")
+    });
+}
+function $8569970142f4fcfc$var$Environments(props) {
+    const { source: source } = props;
+    const { macrostrat: macrostrat } = source;
+    const { environs: environs = null, environ_types: environ_types = null } = macrostrat;
+    if (!environs || environs.length == 0) return null;
+    const lithologies = environs.map((environ)=>{
+        return {
+            ...environ,
+            name: environ.environ,
+            color: environ.color || "#000000"
+        };
+    });
+    return $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpandableDetailsPanel), {
+        title: "Environment",
+        value: $8569970142f4fcfc$var$h($8569970142f4fcfc$var$EnvironTypes, {
+            environ_types: environ_types
+        })
+    }, $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpansionBody), {
+        title: "Matched environments"
+    }, [
+        $8569970142f4fcfc$var$h((0, $7j411$macrostratdatacomponents.LithologyList), {
+            lithologies: lithologies,
+            onClickItem: (e, environ)=>{
+                window.open("/lex/environments/" + environ.environ_id, "_self");
+            }
+        })
+    ]));
+}
+function $8569970142f4fcfc$var$EconType(props) {
+    const { econ_types: econ_types } = props;
+    return $8569970142f4fcfc$var$h.if(econ_types && econ_types.length > 0)("div", [
+        econ_types.map((econClass, i)=>{
+            return $8569970142f4fcfc$var$h((0, $dd32e7ae54443412$exports.AttrChip), {
+                key: i,
+                name: econClass.name,
+                color: econClass.color
+            });
+        })
+    ]);
+}
+function $8569970142f4fcfc$var$Economy(props) {
+    const { source: source } = props;
+    const { macrostrat: macrostrat } = source;
+    const { econs: econs = null, econ_types: econ_types = null } = macrostrat;
+    if (!econs) return $8569970142f4fcfc$var$h("div");
+    return $8569970142f4fcfc$var$h.if(econs && econs.length > 0)((0, $7j411$macrostratmapinterface.ExpandableDetailsPanel), {
+        title: "Economy ",
+        value: $8569970142f4fcfc$var$h($8569970142f4fcfc$var$EconType, {
+            econ_types: econ_types
+        })
+    }, $8569970142f4fcfc$var$h((0, $7j411$macrostratmapinterface.ExpansionBody), {
+        title: "Matched economic attributes"
+    }, [
+        econs.map((econ, i)=>{
+            return $8569970142f4fcfc$var$h((0, $dd32e7ae54443412$exports.AttrChip), {
+                key: i,
+                name: econ.econ,
+                color: econ.color
+            });
+        })
+    ]));
+}
+
+
+//# sourceMappingURL=map-interface.3f968b46.js.map

package/dist/cjs/map-interface.3f968b46.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/map-interface/src/map-panel/components/info-drawer/macrostrat-linked.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { AgeChip, AttrChip } from \"../info-blocks\";\nimport {\n  ExpansionPanel,\n  ExpandableDetailsPanel,\n  ExpansionBody,\n} from \"@macrostrat/map-interface\";\nimport styles from \"./main.module.styl\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { AxisBottom } from \"@visx/axis\";\nimport chroma from \"chroma-js\";\nimport { LithologyList } from \"@macrostrat/data-components\";\n\nconst h = hyper.styled(styles);\n\nfunction MacrostratLinkedData(props) {\n  const { mapInfo, bedrockMatchExpanded, source } = props;\n\n  if (!mapInfo.mapData[0]) return h(\"div\");\n\n  return h(\n    ExpansionPanel,\n    {\n      className: \"regional-panel\",\n      title: \"Macrostrat-linked data\",\n      helpText: \"via Macrostrat\",\n      expanded: bedrockMatchExpanded,\n    },\n    [\n      h(\"div\", { classes: expansionPanelDetailClasses }, [\n        h(MatchBasis, { source }),\n        h(AgeInformation, { mapInfo, source }),\n        h(Thickness, { source }),\n        h(MinorFossilCollections, { source }),\n        h(FossilOccs, { source }),\n        h(LithsAndClasses, { source }),\n        h(Environments, { source }),\n        h(Economy, { source }),\n      ]),\n    ],\n  );\n}\n\nconst expansionPanelDetailClasses = {\n  root: \"expansion-panel-detail\",\n};\n\nfunction AgeInformation(props) {\n  const { source, mapInfo } = props;\n  const { macrostrat } = source;\n\n  if (!macrostrat?.b_age) return h(MapAgeRenderer, { mapInfo });\n\n  return h(MacrostratAgeInfo, { macrostrat, mapInfo });\n}\n\nfunction MapAgeRenderer(props) {\n  const { mapInfo, ...rest } = props;\n  return h(\n    DescribedAgeInfo,\n    {\n      ageElement: h(AgeChip, {\n        b_int: mapInfo.mapData[0].b_int,\n        t_int: mapInfo.mapData[0].t_int,\n      }),\n    },\n    \"Based on geologic map description.\",\n  );\n}\n\nfunction DescribedAgeInfo(props) {\n  const { ageElement, children, className } = props;\n\n  return h(\"div.described-age.macrostrast-detail\", [\n    h(\"div.expansion-summary-title\", \"Age\"),\n    h(\"div.age-chips\", null, ageElement),\n    h(\"div.description\", children),\n  ]);\n}\n\nfunction AgeRefinementBar({ scale, data, color, label = null }) {\n  const { b_int, t_int } = data;\n  const b_age = data.b_age ?? b_int.b_age;\n  const t_age = data.t_age ?? t_int.t_age;\n  const backgroundColor = color ?? b_int.color;\n  const accentColor = chroma(backgroundColor).darken(0.5).hex();\n  const labelColor = chroma(backgroundColor).darken(2).hex();\n\n  const left = scale(b_age);\n  const width = scale(t_age) - scale(b_age);\n\n  let labelTranslate = 5;\n  let textAlign = \"start\";\n\n  // Adjust label placement\n\n  if (width < 100) {\n    if (left < 100) {\n      labelTranslate = width + 5;\n    } else {\n      labelTranslate = -305;\n      textAlign = \"end\";\n    }\n  }\n\n  return h(\n    \"div.age-refinement-bar\",\n    {\n      style: {\n        marginLeft: `${left}px`,\n        width: `${width}px`,\n        height: \"18px\",\n        backgroundColor,\n        border: `2px solid ${accentColor}`,\n        position: \"relative\",\n      },\n    },\n    h(\n      \"div.age-refinement-bar-label\",\n      {\n        style: {\n          transform: `translateX(${labelTranslate}px)`,\n          color: labelColor,\n          fontSize: \"10px\",\n          width: 300,\n          textAlign,\n        },\n      },\n      label,\n    ),\n  );\n}\n\nfunction AgeRefinementPlot({ macrostrat, mapInfo }) {\n  // Plot the amount by which the age was refined\n\n  const mapData = mapInfo.mapData[0];\n  const b_age = Math.max(mapData.b_int.b_age, macrostrat.b_age);\n  const t_age = Math.min(mapData.t_int.t_age, macrostrat.t_age);\n\n  const scale = scaleLinear({\n    domain: [1.02 * b_age, t_age * 0.98],\n    range: [20, 360],\n  });\n\n  // use visx to plot the age refinement\n  return h(\"div.age-refinement-plot\", [\n    h(AgeRefinementBar, {\n      scale,\n      data: macrostrat,\n      label: \"Macrostrat age model\",\n    }),\n    h(AgeRefinementBar, {\n      scale,\n      data: mapData,\n      label: \"Map legend\",\n    }),\n    // Age axis\n    h(\"svg\", { width: \"100%\", height: \"40px\" }, [\n      h(AxisBottom, {\n        scale,\n        numTicks: 5,\n        top: 1,\n        left: 0,\n        label: \"Age (Ma)\",\n      }),\n    ]),\n  ]);\n}\n\nfunction MacrostratAgeInfoCore({ macrostrat }) {\n  const { b_age, t_age, b_int, t_int } = macrostrat;\n\n  if (!b_age) return null;\n\n  let age = b_int.int_name;\n  if (b_int.int_id !== t_int.int_id) {\n    age += ` - ${t_int.int_name}`;\n  }\n  return h(\n    DescribedAgeInfo,\n    {\n      ageElement: h(AgeChip, {\n        b_int: { ...b_int, int_name: age, b_age, t_age },\n        t_int: { ...b_int, int_name: age, b_age, t_age },\n      }),\n    },\n    \"Refined using the Macrostrat age model.\",\n  );\n}\n\nfunction MacrostratAgeInfo(props) {\n  return h(\n    ExpandableDetailsPanel,\n    { headerElement: h(MacrostratAgeInfoCore, props) },\n    h(ExpansionBody, { title: \"Age refinement\" }, h(AgeRefinementPlot, props)),\n  );\n}\n\nfunction MatchBasis(props) {\n  const { source } = props;\n  if (!source.macrostrat?.strat_names) return null;\n\n  return h(\n    ExpandableDetailsPanel,\n    {\n      className: \"macrostrat-unit\",\n      headerElement: h([\n        h(\"h3\", source.macrostrat.strat_names[0].rank_name),\n        h(\"div.description\", \"Matched stratigraphic unit\"),\n      ]),\n    },\n    h(ExpansionBody, { title: \"All matched names\" }, [\n      source.macrostrat.strat_names.map((name, i) => {\n        let lastElement: boolean =\n          i == source.macrostrat.strat_names.length - 1;\n        return h(\"span\", { key: i }, [\n          h(\n            \"a.externalLink\",\n            {\n              href: \"/lex/strat-names/\" + name.strat_name_id,\n              key: i,\n            },\n            [name.rank_name],\n          ),\n          h.if(!lastElement)([\", \"]),\n        ]);\n      }),\n    ]),\n  );\n}\n\nfunction Thickness(props) {\n  const { source } = props;\n  if (!source.macrostrat.max_thick) return h(\"div\");\n\n  return h.if(source.macrostrat && source.macrostrat.max_thick)(\n    \"div.macrostrat-detail\",\n    [\n      h(\"div.expansion-summary-title\", \"Thickness\"),\n      h(\"div\", [\n        source.macrostrat.min_min_thick,\n        \" - \",\n        source.macrostrat.max_thick,\n        \"m\",\n      ]),\n    ],\n  );\n}\n\nfunction MinorFossilCollections(props) {\n  const { source } = props;\n  const { macrostrat } = source;\n  if (!macrostrat.pbdb_collections) return h(\"div\");\n\n  return h.if(macrostrat && macrostrat.pbdb_collections)(\n    \"div.macrostrat-detail\",\n    [\n      h(\"div.expansion-summary-title\", \"Fossil collections\"),\n      h(\"div\", [macrostrat.pbdb_collections]),\n    ],\n  );\n}\n\nfunction FossilOccs(props) {\n  const { source } = props;\n  const { macrostrat } = source;\n\n  if (!macrostrat?.pbdb_occs) return null;\n\n  return h(\"div.macrostrat-detail\", [\n    h(\"div.expansion-summary-title\", \"Fossil occurrences\"),\n    h(\"div\", [macrostrat.pbdb_occs]),\n  ]);\n}\n\nfunction LithTypes(props) {\n  const { lith_types } = props;\n\n  return h.if(lith_types && lith_types.length > 0)(\n    \"div.lithologies.lithology-types\",\n    [\n      h(LithologyList, {\n        lithologies: lith_types,\n      }),\n    ],\n  );\n}\n\nfunction LithsAndClasses(props) {\n  const { source } = props;\n  const { macrostrat } = source;\n  const { liths = null, lith_types = null } = macrostrat;\n\n  if (!liths || liths.length == 0) return null;\n\n  const lithologies = liths.map((lith) => {\n    return {\n      ...lith,\n      name: lith.lith,\n      color: lith.color || \"#000000\",\n    };\n  });\n\n  return h(\n    ExpandableDetailsPanel,\n    {\n      title: \"Lithology\",\n      value: h(LithTypes, { lith_types }),\n    },\n    h(ExpansionBody, { title: \"Matched lithologies\" }, [\n      h(LithologyList, {\n        lithologies,\n        onClickItem: (e, lith) => {\n          window.open(\"/lex/lithology/\" + lith.lith_id, \"_self\");\n        },\n      }),\n    ]),\n  );\n}\n\nfunction EnvironTypes(props) {\n  const { environ_types } = props;\n  return h.if(environ_types && environ_types.length > 0)(LithologyList, {\n    lithologies: environ_types?.filter((e) => e.name != \"\"),\n  });\n}\n\nfunction Environments(props) {\n  const { source } = props;\n  const { macrostrat } = source;\n  const { environs = null, environ_types = null } = macrostrat;\n\n  if (!environs || environs.length == 0) return null;\n\n  const lithologies = environs.map((environ) => {\n    return {\n      ...environ,\n      name: environ.environ,\n      color: environ.color || \"#000000\",\n    };\n  });\n\n  return h(\n    ExpandableDetailsPanel,\n    {\n      title: \"Environment\",\n      value: h(EnvironTypes, { environ_types }),\n    },\n    h(ExpansionBody, { title: \"Matched environments\" }, [\n      h(LithologyList, {\n        lithologies,\n        onClickItem: (e, environ) => {\n          window.open(\"/lex/environments/\" + environ.environ_id, \"_self\");\n        },\n      }),\n    ]),\n  );\n}\n\nfunction EconType(props) {\n  const { econ_types } = props;\n\n  return h.if(econ_types && econ_types.length > 0)(\"div\", [\n    econ_types.map((econClass, i) => {\n      return h(AttrChip, {\n        key: i,\n        name: econClass.name,\n        color: econClass.color,\n      });\n    }),\n  ]);\n}\n\nfunction Economy(props) {\n  const { source } = props;\n  const { macrostrat } = source;\n  const { econs = null, econ_types = null } = macrostrat;\n  if (!econs) return h(\"div\");\n\n  return h.if(econs && econs.length > 0)(\n    ExpandableDetailsPanel,\n    {\n      title: \"Economy \",\n      value: h(EconType, { econ_types }),\n    },\n    h(ExpansionBody, { title: \"Matched economic attributes\" }, [\n      econs.map((econ, i) => {\n        return h(AttrChip, {\n          key: i,\n          name: econ.econ,\n          color: econ.color,\n        });\n      }),\n    ]),\n  );\n}\n\nexport { MacrostratLinkedData };\n"],"names":[],"version":3,"file":"map-interface.3f968b46.js.map"}

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

@@ -0,0 +1,73 @@
+var $2Gjg0$react = require("react");
+var $2Gjg0$blueprintjscore = require("@blueprintjs/core");
+var $2Gjg0$macrostratuicomponents = require("@macrostrat/ui-components");
+var $2Gjg0$macrostrathyper = require("@macrostrat/hyper");
+
+
+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", () => $a77d4cb2e8e0bae6$export$2e2bcd8739ae039);
+
+
+
+
+function $a77d4cb2e8e0bae6$var$Article(props) {
+    const [expanded, setExpanded] = (0, $2Gjg0$react.useState)(false);
+    const { data: data } = props;
+    const toggleExpand = ()=>{
+        setExpanded(!expanded);
+    };
+    // Attempt to pull out only the year and not the whole date
+    let year;
+    try {
+        year = data.coverDate ? data.coverDate.match(/\d{4}/)[0] : "";
+    } catch (e) {
+        year = "";
+    }
+    const authors = data?.authors?.split("; ") ?? [];
+    const authorList = authors.length > 0 ? (0, ($parcel$interopDefault($2Gjg0$macrostrathyper)))((0, $2Gjg0$macrostratuicomponents.AuthorList), {
+        names: authors
+    }) : "Unknown";
+    const iconName = expanded ? "chevron-up" : "chevron-down";
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("div", {
+        className: "article"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("div", {
+        className: "article-title"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("p", {
+        className: "article-author"
+    }, authorList, ", ", year.length ? " " + year + ". " : ""), /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("a", {
+        href: data.URL,
+        target: "_blank",
+        className: "title-link"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("strong", null, data.title, ".")), /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("span", null, /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement((0, $2Gjg0$blueprintjscore.Button), {
+        onClick: toggleExpand,
+        minimal: true,
+        rightIcon: iconName,
+        className: "flat-btn"
+    }))), /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement((0, $2Gjg0$blueprintjscore.Collapse), {
+        isOpen: expanded
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("span", {
+        className: expanded ? "" : "hidden"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("div", {
+        className: "quotes"
+    }, data.highlight.map((snippet, si)=>{
+        let text = snippet;
+        return /*#__PURE__*/ (0, ($parcel$interopDefault($2Gjg0$react))).createElement("p", {
+            className: "gdd-snippet",
+            key: si,
+            dangerouslySetInnerHTML: {
+                __html: `...${snippet}...`
+            }
+        });
+    })))));
+}
+var $a77d4cb2e8e0bae6$export$2e2bcd8739ae039 = $a77d4cb2e8e0bae6$var$Article;
+
+
+//# sourceMappingURL=map-interface.4264e7e1.js.map

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

@@ -0,0 +1 @@
+{"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"}