@macrostrat/map-interface 1.5.7 → 2.0.0

package/dist/esm/map-interface.bdef07d2.js

@@ -1,34 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $a355c5e332f2caf6$exports = {};
-
-$parcel$export($a355c5e332f2caf6$exports, "age-chip", () => $a355c5e332f2caf6$export$eb4c6d45e0e8265b, (v) => $a355c5e332f2caf6$export$eb4c6d45e0e8265b = v);
-$parcel$export($a355c5e332f2caf6$exports, "age-chip-age", () => $a355c5e332f2caf6$export$1a12372f439eeed7, (v) => $a355c5e332f2caf6$export$1a12372f439eeed7 = v);
-$parcel$export($a355c5e332f2caf6$exports, "age-chip-container", () => $a355c5e332f2caf6$export$9759c64f9027df1f, (v) => $a355c5e332f2caf6$export$9759c64f9027df1f = v);
-$parcel$export($a355c5e332f2caf6$exports, "age-chip-ma", () => $a355c5e332f2caf6$export$24f941c9795ad653, (v) => $a355c5e332f2caf6$export$24f941c9795ad653 = v);
-$parcel$export($a355c5e332f2caf6$exports, "age-ma", () => $a355c5e332f2caf6$export$e2d3f9c2293ff4bc, (v) => $a355c5e332f2caf6$export$e2d3f9c2293ff4bc = v);
-$parcel$export($a355c5e332f2caf6$exports, "chip", () => $a355c5e332f2caf6$export$aa2a4c698c03a4c8, (v) => $a355c5e332f2caf6$export$aa2a4c698c03a4c8 = v);
-$parcel$export($a355c5e332f2caf6$exports, "emphasized", () => $a355c5e332f2caf6$export$1ee2ee71de083e4d, (v) => $a355c5e332f2caf6$export$1ee2ee71de083e4d = v);
-$parcel$export($a355c5e332f2caf6$exports, "lith-chip", () => $a355c5e332f2caf6$export$ec979c6b78633e98, (v) => $a355c5e332f2caf6$export$ec979c6b78633e98 = v);
-var $a355c5e332f2caf6$export$eb4c6d45e0e8265b;
-var $a355c5e332f2caf6$export$1a12372f439eeed7;
-var $a355c5e332f2caf6$export$9759c64f9027df1f;
-var $a355c5e332f2caf6$export$24f941c9795ad653;
-var $a355c5e332f2caf6$export$e2d3f9c2293ff4bc;
-var $a355c5e332f2caf6$export$aa2a4c698c03a4c8;
-var $a355c5e332f2caf6$export$1ee2ee71de083e4d;
-var $a355c5e332f2caf6$export$ec979c6b78633e98;
-$a355c5e332f2caf6$export$eb4c6d45e0e8265b = `-ZpnVG_age-chip`;
-$a355c5e332f2caf6$export$1a12372f439eeed7 = `-ZpnVG_age-chip-age`;
-$a355c5e332f2caf6$export$9759c64f9027df1f = `-ZpnVG_age-chip-container`;
-$a355c5e332f2caf6$export$24f941c9795ad653 = `-ZpnVG_age-chip-ma`;
-$a355c5e332f2caf6$export$e2d3f9c2293ff4bc = `-ZpnVG_age-ma`;
-$a355c5e332f2caf6$export$aa2a4c698c03a4c8 = `-ZpnVG_chip`;
-$a355c5e332f2caf6$export$1ee2ee71de083e4d = `-ZpnVG_emphasized`;
-$a355c5e332f2caf6$export$ec979c6b78633e98 = `-ZpnVG_lith-chip`;
-
-
-export {$a355c5e332f2caf6$exports as default};
-//# sourceMappingURL=map-interface.bdef07d2.js.map

package/dist/esm/map-interface.bdef07d2.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAPA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA8B,CAAC,gBAAgB,CAAC","sources":["packages/map-interface/src/location-details/info-blocks.module.styl"],"sourcesContent":[".chip\n  padding 3px 6px\n  margin 2px 6px 2px 0\n  border-radius: 5px;\n  text-align: center;\n  &.emphasized\n    font-weight: 600;\n\n.age-chip-container {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 700;\n  display: inline-block;\n}\n.age-chip {\n  display: inline-block;\n}\n\n:global(.bp5-dark) .age-chip {\n  color: #fff;\n}\n\n.age-chip-age {\n  font-size: 75%;\n}\n.age-chip-ma {\n  font-size: 70%;\n  font-weight: 400;\n}\n\n.age-ma {\n  font-style italic\n}\n\n.lith-chip\n  display: inline-block;\n  font-size: 12px;\n  background-repeat: repeat;\n  background-size: cover;\n  //background-color: rgba(255,255,255,0.5);"],"names":[],"version":3,"file":"map-interface.bdef07d2.js.map"}

package/dist/esm/map-interface.c4fa120d.js

@@ -1,28 +0,0 @@
-import {format as $9NqSy$format} from "d3-format";
-
-
-const $3e1bd09be8f70c4c$export$97c1b10e131a836d = (0, $9NqSy$format)(".4~f");
-const $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea = (0, $9NqSy$format)(".3~f");
-const $3e1bd09be8f70c4c$export$4c173b1b2f78faf7 = (0, $9NqSy$format)(".2~f");
-const $3e1bd09be8f70c4c$export$e54bbd2c33d17485 = (0, $9NqSy$format)(".1~f");
-const $3e1bd09be8f70c4c$export$bc135f63e2f56fd4 = (0, $9NqSy$format)(".0f");
-function $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c(val, precision = 0) {
-    switch(precision){
-        case 4:
-            return $3e1bd09be8f70c4c$export$97c1b10e131a836d(val);
-        case 3:
-            return $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea(val);
-        case 2:
-            return $3e1bd09be8f70c4c$export$4c173b1b2f78faf7(val);
-        case 1:
-            return $3e1bd09be8f70c4c$export$e54bbd2c33d17485(val);
-        case 0:
-            return $3e1bd09be8f70c4c$export$bc135f63e2f56fd4(val);
-        default:
-            return $3e1bd09be8f70c4c$export$97c1b10e131a836d(val);
-    }
-}
-
-
-export {$3e1bd09be8f70c4c$export$97c1b10e131a836d as fmt4, $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea as fmt3, $3e1bd09be8f70c4c$export$4c173b1b2f78faf7 as fmt2, $3e1bd09be8f70c4c$export$e54bbd2c33d17485 as fmt1, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4 as fmtInt, $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c as formatValue};
-//# sourceMappingURL=map-interface.c4fa120d.js.map

package/dist/esm/map-interface.c4fa120d.js.map

@@ -1 +0,0 @@
-{"mappings":";;;AAEO,MAAM,4CAAO,CAAA,GAAA,aAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,aAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,aAAK,EAAE;AACpB,MAAM,4CAAO,CAAA,GAAA,aAAK,EAAE;AACpB,MAAM,4CAAS,CAAA,GAAA,aAAK,EAAE;AAEtB,SAAS,0CAAY,GAAW,EAAE,YAAoB,CAAC;IAC5D,OAAQ;QACN,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAK;QACd,KAAK;YACH,OAAO,0CAAO;QAChB;YACE,OAAO,0CAAK;IAChB;AACF","sources":["packages/map-interface/src/location-info/utils.ts"],"sourcesContent":["import { format } from \"d3-format\";\n\nexport const fmt4 = format(\".4~f\");\nexport const fmt3 = format(\".3~f\");\nexport const fmt2 = format(\".2~f\");\nexport const fmt1 = format(\".1~f\");\nexport const fmtInt = format(\".0f\");\n\nexport function formatValue(val: number, precision: number = 0): string {\n  switch (precision) {\n    case 4:\n      return fmt4(val);\n    case 3:\n      return fmt3(val);\n    case 2:\n      return fmt2(val);\n    case 1:\n      return fmt1(val);\n    case 0:\n      return fmtInt(val);\n    default:\n      return fmt4(val);\n  }\n}\n"],"names":[],"version":3,"file":"map-interface.c4fa120d.js.map"}

package/dist/esm/map-interface.c52c2fec.js

@@ -1,130 +0,0 @@
-import {makeOccurrenceTree as $dko1p$makeOccurrenceTree} from "./map-interface.672c2e0b.js";
-import "../cjs/map-interface.633d24e6.css";
-import $dko1p$mapinterface70d6a7ffjs from "./map-interface.70d6a7ff.js";
-import $dko1p$react from "react";
-import {Tabs as $dko1p$Tabs, Tab as $dko1p$Tab} from "@blueprintjs/core";
-import $dko1p$macrostrathyper from "@macrostrat/hyper";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-const $1864ea3c3ced6f4f$var$h = (0, $dko1p$macrostrathyper).styled((0, ($parcel$interopDefault($dko1p$mapinterface70d6a7ffjs))));
-function $1864ea3c3ced6f4f$export$2e2bcd8739ae039({ data: data }) {
-    if (data == null) return null;
-    return $1864ea3c3ced6f4f$var$h("div.collections", data.map((col, ix)=>$1864ea3c3ced6f4f$var$h($1864ea3c3ced6f4f$var$FossilCollection, {
-            key: ix,
-            col: col
-        })));
-}
-function $1864ea3c3ced6f4f$var$FossilCollection({ col: col }) {
-    let occurrenceTree = (0, $dko1p$makeOccurrenceTree)(col.occurrences);
-    return $1864ea3c3ced6f4f$var$h("div.fossil-collection", /*#__PURE__*/ (0, $dko1p$react).createElement((0, $dko1p$react).Fragment, null, /*#__PURE__*/ (0, $dko1p$react).createElement($1864ea3c3ced6f4f$var$Header, {
-        col: col
-    }), /*#__PURE__*/ (0, $dko1p$react).createElement((0, $dko1p$Tabs), null, /*#__PURE__*/ (0, $dko1p$react).createElement((0, $dko1p$Tab), {
-        title: "Info",
-        panel: /*#__PURE__*/ (0, $dko1p$react).createElement($1864ea3c3ced6f4f$var$InfoPanel, {
-            col: col
-        }),
-        id: "info"
-    }), /*#__PURE__*/ (0, $dko1p$react).createElement((0, $dko1p$Tab), {
-        id: "occ",
-        title: `Occurrences (${col.occurrences.length})`,
-        disabled: col.occurrences.length == 0,
-        panel: /*#__PURE__*/ (0, $dko1p$react).createElement($1864ea3c3ced6f4f$var$OccurencesPanel, {
-            occurrenceTree: occurrenceTree
-        })
-    }))));
-}
-function $1864ea3c3ced6f4f$var$CollectionNumber({ col: col }) {
-    const num = col.oid.replace("col:", "");
-    return $1864ea3c3ced6f4f$var$h("div.collection-number", [
-        $1864ea3c3ced6f4f$var$h("span.collection-number-prefix", "#"),
-        $1864ea3c3ced6f4f$var$h("a", {
-            href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${num}`,
-            target: "_blank"
-        }, num)
-    ]);
-}
-function $1864ea3c3ced6f4f$var$Header({ col: col }) {
-    return $1864ea3c3ced6f4f$var$h("div.pbdb-panel-header", [
-        $1864ea3c3ced6f4f$var$h.if(col.nam)("h4", {}, col.nam),
-        $1864ea3c3ced6f4f$var$h.if(col.oid)($1864ea3c3ced6f4f$var$CollectionNumber, {
-            col: col
-        })
-    ]);
-}
-function $1864ea3c3ced6f4f$var$InfoPanel(props) {
-    const { col: col } = props;
-    return /*#__PURE__*/ (0, $dko1p$react).createElement("div", null, col.oei && /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        className: "attr"
-    }, "Age: "), " ", col.oei, " (", col.lag, " - ", col.lag, /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        className: "age-chip-ma"
-    }, "Ma"), ")"), col.sgr && /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        className: "attr"
-    }, "Group: "), " ", col.sgr), col.sfm && /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        className: "attr"
-    }, "Formation: "), " ", col.sfm), col.lt1 && /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        className: "attr"
-    }, "Lithology: "), " ", col.la1 ? col.la1 : "", " ", col.lf1 ? col.lf1 : "", " ", col.lt1.replace('"', ""), " ", col.lt2 ? ", " : "", col.la2 ? col.la2 : "", " ", col.lf2 ? col.lf2 : "", " ", col.lt2), col.env && /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-        className: "map-source-attr"
-    }, /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        className: "attr"
-    }, "Environment: "), " ", col.env), col.ref && /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-        className: "reference map-source-attr"
-    }, /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        className: "attr"
-    }, "Reference: "), " ", /*#__PURE__*/ (0, $dko1p$react).createElement("span", {
-        dangerouslySetInnerHTML: {
-            __html: col.ref
-        }
-    })));
-}
-function $1864ea3c3ced6f4f$var$OccurencesPanel(props) {
-    const { occurrenceTree: occurrenceTree } = props;
-    return /*#__PURE__*/ (0, $dko1p$react).createElement("div", null, /*#__PURE__*/ (0, $dko1p$react).createElement("ul", {
-        className: "taxon-list phylum-list"
-    }, occurrenceTree.phyla.map((phylum, pidx)=>{
-        return /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-            key: pidx,
-            className: "phyla"
-        }, /*#__PURE__*/ (0, $dko1p$react).createElement("li", null, phylum.phylum), /*#__PURE__*/ (0, $dko1p$react).createElement("ul", {
-            className: "taxon-list"
-        }, phylum.classes.map((cls, clsidx)=>{
-            return /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-                key: clsidx,
-                className: "classes"
-            }, /*#__PURE__*/ (0, $dko1p$react).createElement("li", null, cls.nameClass), /*#__PURE__*/ (0, $dko1p$react).createElement("ul", {
-                className: "taxon-list"
-            }, cls.families.map((family, familyidx)=>{
-                return /*#__PURE__*/ (0, $dko1p$react).createElement("div", {
-                    key: familyidx,
-                    className: "families"
-                }, /*#__PURE__*/ (0, $dko1p$react).createElement("li", null, family.family), /*#__PURE__*/ (0, $dko1p$react).createElement("ul", {
-                    className: "taxon-list genera"
-                }, family.genera.map((genus, genusidx)=>{
-                    return /*#__PURE__*/ (0, $dko1p$react).createElement("li", {
-                        key: genusidx
-                    }, genus.old_name ? '"' + genus.old_name + '" - ' : "", genus.genusRes ? genus.genusRes : " ", genus.display_name1, /*#__PURE__*/ (0, $dko1p$react).createElement("i", null, genus.display_name2 ? genus.display_name2 : "", genus.display_name3 ? genus.display_name3 : ""));
-                })));
-            })));
-        })));
-    })));
-}
-
-
-export {$1864ea3c3ced6f4f$export$2e2bcd8739ae039 as default};
-//# sourceMappingURL=map-interface.c52c2fec.js.map

package/dist/esm/map-interface.c52c2fec.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/location-details/fossil-collections/collections.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tabs, Tab } from \"@blueprintjs/core\";\nimport { makeOccurrenceTree } from \"../utils\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nconst h = hyper.styled(styles);\n\nexport default function PBDBCollections({ data }) {\n  if (data == null) return null;\n  return h(\n    \"div.collections\",\n    data.map((col, ix) => h(FossilCollection, { key: ix, col })),\n  );\n}\n\nfunction FossilCollection({ col }) {\n  let occurrenceTree = makeOccurrenceTree(col.occurrences);\n  return h(\n    \"div.fossil-collection\",\n    <>\n      <Header col={col} />\n      <Tabs>\n        <Tab title=\"Info\" panel={<InfoPanel col={col} />} id=\"info\" />\n        <Tab\n          id=\"occ\"\n          title={`Occurrences (${col.occurrences.length})`}\n          disabled={col.occurrences.length == 0}\n          panel={<OccurencesPanel occurrenceTree={occurrenceTree} />}\n        />\n      </Tabs>\n    </>,\n  );\n}\n\nfunction CollectionNumber({ col }) {\n  const num = col.oid.replace(\"col:\", \"\");\n  return h(\"div.collection-number\", [\n    h(\"span.collection-number-prefix\", \"#\"),\n    h(\n      \"a\",\n      {\n        href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${num}`,\n        target: \"_blank\",\n      },\n      num,\n    ),\n  ]);\n}\n\nfunction Header({ col }) {\n  return h(\"div.pbdb-panel-header\", [\n    h.if(col.nam)(\"h4\", {}, col.nam),\n    h.if(col.oid)(CollectionNumber, { col }),\n  ]);\n}\n\nfunction InfoPanel(props) {\n  const { col } = props;\n\n  return (\n    <div>\n      {col.oei && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Age: </span> {col.oei} ({col.lag} - {col.lag}\n          <span className=\"age-chip-ma\">Ma</span>)\n        </div>\n      )}\n      {col.sgr && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Group: </span> {col.sgr}\n        </div>\n      )}\n      {col.sfm && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Formation: </span> {col.sfm}\n        </div>\n      )}\n      {col.lt1 && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Lithology: </span> {col.la1 ? col.la1 : \"\"}{\" \"}\n          {col.lf1 ? col.lf1 : \"\"} {col.lt1.replace('\"', \"\")}{\" \"}\n          {col.lt2 ? \", \" : \"\"}\n          {col.la2 ? col.la2 : \"\"} {col.lf2 ? col.lf2 : \"\"} {col.lt2}\n        </div>\n      )}\n      {col.env && (\n        <div className=\"map-source-attr\">\n          <span className=\"attr\">Environment: </span> {col.env}\n        </div>\n      )}\n      {col.ref && (\n        <div className=\"reference map-source-attr\">\n          <span className=\"attr\">Reference: </span>{\" \"}\n          <span dangerouslySetInnerHTML={{ __html: col.ref }}></span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction OccurencesPanel(props) {\n  const { occurrenceTree } = props;\n\n  return (\n    <div>\n      <ul className=\"taxon-list phylum-list\">\n        {occurrenceTree.phyla.map((phylum, pidx) => {\n          return (\n            <div key={pidx} className=\"phyla\">\n              <li>{phylum.phylum}</li>\n              <ul className=\"taxon-list\">\n                {phylum.classes.map((cls, clsidx) => {\n                  return (\n                    <div key={clsidx} className=\"classes\">\n                      <li>{cls.nameClass}</li>\n                      <ul className=\"taxon-list\">\n                        {cls.families.map((family, familyidx) => {\n                          return (\n                            <div key={familyidx} className=\"families\">\n                              <li>{family.family}</li>\n                              <ul className=\"taxon-list genera\">\n                                {family.genera.map((genus, genusidx) => {\n                                  return (\n                                    <li key={genusidx}>\n                                      {genus.old_name\n                                        ? '\"' + genus.old_name + '\" - '\n                                        : \"\"}\n                                      {genus.genusRes ? genus.genusRes : \" \"}\n                                      {genus.display_name1}\n                                      <i>\n                                        {genus.display_name2\n                                          ? genus.display_name2\n                                          : \"\"}\n                                        {genus.display_name3\n                                          ? genus.display_name3\n                                          : \"\"}\n                                      </i>\n                                    </li>\n                                  );\n                                })}\n                              </ul>\n                            </div>\n                          );\n                        })}\n                      </ul>\n                    </div>\n                  );\n                })}\n              </ul>\n            </div>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"map-interface.c52c2fec.js.map"}

package/dist/esm/map-interface.c99b53b6.js

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

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

package/dist/esm/map-interface.ca1ee406.js

@@ -1,214 +0,0 @@
-import $jKrEn$mapinterface065737fejs from "./map-interface.065737fe.js";
-import "../cjs/map-interface.4a401c1f.css";
-import {MapLoadingReporter as $4bc3dd5f0732eed3$export$e57f9eaa51773f82, MapMovedReporter as $4bc3dd5f0732eed3$export$f6eeee399afc4e9a, MapPaddingManager as $4bc3dd5f0732eed3$export$2ab96428dea558d6, MapResizeManager as $4bc3dd5f0732eed3$export$31b2e088aff2dc5d} from "./map-interface.f7b8bdb7.js";
-import {getMapPadding as $82fe09613877ffc2$export$bb78f9f01775eef1} from "./map-interface.3033c825.js";
-import $jKrEn$macrostrathyper from "@macrostrat/hyper";
-import {useMapDispatch as $jKrEn$useMapDispatch, useMapRef as $jKrEn$useMapRef, getTerrainLayerForStyle as $jKrEn$getTerrainLayerForStyle, useMapStatus as $jKrEn$useMapStatus, use3DTerrain as $jKrEn$use3DTerrain} from "@macrostrat/mapbox-react";
-import {setMapPosition as $jKrEn$setMapPosition, getMapPosition as $jKrEn$getMapPosition, mapViewInfo as $jKrEn$mapViewInfo, mergeStyles as $jKrEn$mergeStyles, getMapboxStyle as $jKrEn$getMapboxStyle} from "@macrostrat/mapbox-utils";
-import $jKrEn$classnames from "classnames";
-import $jKrEn$mapboxgl from "mapbox-gl";
-import {useEffect as $jKrEn$useEffect, useRef as $jKrEn$useRef, useState as $jKrEn$useState} from "react";
-import "mapbox-gl/dist/mapbox-gl.css";
-import {useAsyncEffect as $jKrEn$useAsyncEffect} from "@macrostrat/ui-components";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-
-
-
-const $0118fc9193bb1bf4$var$h = (0, $jKrEn$macrostrathyper).styled((0, ($parcel$interopDefault($jKrEn$mapinterface065737fejs))));
-function $0118fc9193bb1bf4$var$defaultInitializeMap(container, args = {}) {
-    const { mapPosition: mapPosition, ...rest } = args;
-    const map = new (0, $jKrEn$mapboxgl).Map({
-        container: container,
-        maxZoom: 18,
-        logoPosition: "bottom-left",
-        trackResize: false,
-        antialias: true,
-        // This is a legacy option for Mapbox GL v2
-        // @ts-ignore
-        optimizeForTerrain: true,
-        ...rest
-    });
-    let _mapPosition = mapPosition;
-    if (_mapPosition == null && rest.center == null && rest.bounds == null) // If no map positioning information is provided, we use the default
-    _mapPosition = $0118fc9193bb1bf4$var$defaultMapPosition;
-    // set initial map position
-    if (_mapPosition != null) (0, $jKrEn$setMapPosition)(map, _mapPosition);
-    return map;
-}
-const $0118fc9193bb1bf4$var$defaultMapPosition = {
-    camera: {
-        lat: 34,
-        lng: -120,
-        altitude: 300000
-    }
-};
-function $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8(props) {
-    let { terrainSourceID: terrainSourceID } = props;
-    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition, initializeMap: initializeMap = $0118fc9193bb1bf4$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
-    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, standalone: standalone = false, overlayStyles: overlayStyles, transformStyle: transformStyle, trackResize: trackResize = true, loadingIgnoredSources: loadingIgnoredSources = [
-        "elevationMarker",
-        "crossSectionEndpoints"
-    ], id: id = "map", className: className, ...rest } = props;
-    if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
-    (0, $jKrEn$useEffect)(()=>{
-        if (id != null) console.warn("Setting a specific element ID for the map is deprecated. Please use className instead.");
-    }, [
-        id
-    ]);
-    const _mapboxToken = mapboxToken ?? accessToken;
-    if (_mapboxToken != null) (0, $jKrEn$mapboxgl).accessToken = _mapboxToken;
-    const dispatch = (0, $jKrEn$useMapDispatch)();
-    let mapRef = (0, $jKrEn$useMapRef)();
-    const ref = (0, $jKrEn$useRef)();
-    const parentRef = (0, $jKrEn$useRef)();
-    const [baseStyle, setBaseStyle] = (0, $jKrEn$useState)(null);
-    const estMapPosition = mapRef.current == null ? mapPosition : (0, $jKrEn$getMapPosition)(mapRef.current);
-    const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $jKrEn$mapViewInfo)(estMapPosition);
-    const is3DAvailable = (mapUse3D ?? false) && enableTerrain;
-    (0, $jKrEn$useEffect)(()=>{
-        /** Manager to update map style */ if (baseStyle == null) return;
-        let map = mapRef.current;
-        let newStyle = baseStyle;
-        const overlayStyles = props.overlayStyles ?? [];
-        if (overlayStyles.length > 0) newStyle = (0, $jKrEn$mergeStyles)(newStyle, ...overlayStyles);
-        /** If we can, we try to update the map style with terrain information
-     * immediately, before the style is loaded. This allows us to avoid a
-     * flash of the map without terrain.
-     *
-     * To do this, we need to estimate the map position before load, which
-     * doesn't always work.
-     */ if (is3DAvailable) {
-            // We can update the style with terrain layers immediately
-            const terrainStyle = (0, $jKrEn$getTerrainLayerForStyle)(newStyle, terrainSourceID);
-            newStyle = (0, $jKrEn$mergeStyles)(newStyle, terrainStyle);
-        }
-        if (transformStyle != null) newStyle = transformStyle(newStyle);
-        if (map != null) {
-            dispatch({
-                type: "set-style-loaded",
-                payload: false
-            });
-            map.setStyle(newStyle);
-        } else {
-            const map = initializeMap(ref.current, {
-                style: newStyle,
-                projection: projection,
-                mapPosition: mapPosition,
-                transformRequest: transformRequest,
-                ...rest
-            });
-            dispatch({
-                type: "set-map",
-                payload: map
-            });
-            map.setPadding((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(ref, parentRef), {
-                animate: false
-            });
-            onMapLoaded?.(map);
-        }
-    }, [
-        baseStyle,
-        overlayStyles,
-        transformStyle
-    ]);
-    (0, $jKrEn$useAsyncEffect)(async ()=>{
-        /** Manager to update map style */ let newStyle;
-        if (typeof style === "string") newStyle = await (0, $jKrEn$getMapboxStyle)(style, {
-            access_token: (0, $jKrEn$mapboxgl).accessToken
-        });
-        else newStyle = style;
-        setBaseStyle(newStyle);
-    }, [
-        style
-    ]);
-    // Get map projection
-    const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
-    const mapClassName = (0, $jKrEn$classnames)({
-        "is-rotated": mapIsRotated ?? false,
-        "is-3d-available": is3DAvailable
-    }, `${_projection}-projection`);
-    const parentClassName = (0, $jKrEn$classnames)({
-        standalone: standalone
-    }, className);
-    return $0118fc9193bb1bf4$var$h("div.map-view-container.main-view", {
-        ref: parentRef,
-        className: parentClassName
-    }, [
-        $0118fc9193bb1bf4$var$h("div.mapbox-map.map-view", {
-            ref: ref,
-            className: mapClassName,
-            id: id
-        }),
-        $0118fc9193bb1bf4$var$h((0, $4bc3dd5f0732eed3$export$e57f9eaa51773f82), {
-            ignoredSources: loadingIgnoredSources
-        }),
-        $0118fc9193bb1bf4$var$h($0118fc9193bb1bf4$var$StyleLoadedReporter, {
-            onStyleLoaded: onStyleLoaded
-        }),
-        $0118fc9193bb1bf4$var$h((0, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a), {
-            onMapMoved: onMapMoved
-        }),
-        // Subsitute for trackResize: true that allows map resizing to
-        // be tied to a specific ref component
-        $0118fc9193bb1bf4$var$h.if(trackResize)((0, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d), {
-            containerRef: ref
-        }),
-        $0118fc9193bb1bf4$var$h((0, $4bc3dd5f0732eed3$export$2ab96428dea558d6), {
-            containerRef: ref,
-            parentRef: parentRef,
-            infoMarkerPosition: infoMarkerPosition
-        }),
-        $0118fc9193bb1bf4$var$h($0118fc9193bb1bf4$export$cee395a8a2a00b29, {
-            mapUse3D: is3DAvailable,
-            terrainSourceID: terrainSourceID,
-            style: style
-        }),
-        children
-    ]);
-}
-function $0118fc9193bb1bf4$var$StyleLoadedReporter({ onStyleLoaded: onStyleLoaded = null }) {
-    /** Check back every 0.1 seconds to see if the map has loaded.
-   * We do it this way because mapboxgl loading events are unreliable */ const isStyleLoaded = (0, $jKrEn$useMapStatus)((state)=>state.isStyleLoaded);
-    const mapRef = (0, $jKrEn$useMapRef)();
-    const dispatch = (0, $jKrEn$useMapDispatch)();
-    (0, $jKrEn$useEffect)(()=>{
-        if (isStyleLoaded) return;
-        const interval = setInterval(()=>{
-            const map = mapRef.current;
-            if (map == null) return;
-            if (map.isStyleLoaded()) {
-                // Wait a tick before setting the style loaded state
-                dispatch({
-                    type: "set-style-loaded",
-                    payload: true
-                });
-                onStyleLoaded?.(map);
-                clearInterval(interval);
-            }
-        }, 50);
-        return ()=>clearInterval(interval);
-    }, [
-        isStyleLoaded
-    ]);
-    return null;
-}
-function $0118fc9193bb1bf4$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID, style: style }) {
-    (0, $jKrEn$use3DTerrain)(mapUse3D, terrainSourceID);
-    return null;
-}
-
-
-export {$0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8 as MapView, $0118fc9193bb1bf4$export$cee395a8a2a00b29 as MapTerrainManager};
-//# sourceMappingURL=map-interface.ca1ee406.js.map

package/dist/esm/map-interface.ca1ee406.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/map-view.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  useMapRef,\n  useMapDispatch,\n  use3DTerrain,\n  getTerrainLayerForStyle,\n  useMapStatus,\n} from \"@macrostrat/mapbox-react\";\nimport React from \"react\";\nimport {\n  mapViewInfo,\n  MapPosition,\n  setMapPosition,\n  getMapPosition,\n  getMapboxStyle,\n  mergeStyles,\n} from \"@macrostrat/mapbox-utils\";\nimport classNames from \"classnames\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useEffect, useRef, useState } from \"react\";\nimport styles from \"./main.module.sass\";\nimport {\n  MapLoadingReporter,\n  MapMovedReporter,\n  MapPaddingManager,\n  MapResizeManager,\n} from \"./helpers\";\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport { getMapPadding } from \"./utils\";\nimport { useAsyncEffect } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\ntype MapboxCoreOptions = Omit<mapboxgl.MapboxOptions, \"container\">;\n\nexport interface MapViewProps extends MapboxCoreOptions {\n  showLineSymbols?: boolean;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  // Deprecated\n  accessToken?: string;\n  terrainSourceID?: string;\n  enableTerrain?: boolean;\n  infoMarkerPosition?: mapboxgl.LngLatLike;\n  mapPosition?: MapPosition;\n  initializeMap?: (\n    container: HTMLElement,\n    args: MapboxOptionsExt,\n  ) => mapboxgl.Map;\n  onMapLoaded?: (map: mapboxgl.Map) => void;\n  onStyleLoaded?: (map: mapboxgl.Map) => void;\n  onMapMoved?: (mapPosition: MapPosition, map: mapboxgl.Map) => void;\n  /** This map sets its own viewport, rather than being positioned by a parent.\n   * This is a hack to ensure that the map can overflow its \"safe area\" when false */\n  standalone?: boolean;\n  /** Overlay styles to apply to the map: a list of mapbox style objects or fragments to\n   * overlay on top of the main map style at runtime */\n  overlayStyles?: Partial<mapboxgl.StyleSpecification>[];\n  /** A function to transform the map style before it is loaded */\n  transformStyle?: (\n    style: mapboxgl.StyleSpecification,\n  ) => mapboxgl.StyleSpecification;\n  loadingIgnoredSources?: string[];\n  id?: string;\n  className?: string;\n}\n\nexport interface MapboxOptionsExt extends MapboxCoreOptions {\n  mapPosition?: MapPosition;\n}\n\nfunction defaultInitializeMap(container, args: MapboxOptionsExt = {}) {\n  const { mapPosition, ...rest } = args;\n\n  const map = new mapboxgl.Map({\n    container,\n    maxZoom: 18,\n    logoPosition: \"bottom-left\",\n    trackResize: false,\n    antialias: true,\n    // This is a legacy option for Mapbox GL v2\n    // @ts-ignore\n    optimizeForTerrain: true,\n    ...rest,\n  });\n\n  let _mapPosition = mapPosition;\n  if (_mapPosition == null && rest.center == null && rest.bounds == null) {\n    // If no map positioning information is provided, we use the default\n    _mapPosition = defaultMapPosition;\n  }\n\n  // set initial map position\n  if (_mapPosition != null) {\n    setMapPosition(map, _mapPosition);\n  }\n\n  return map;\n}\n\nconst defaultMapPosition: MapPosition = {\n  camera: {\n    lat: 34,\n    lng: -120,\n    altitude: 300000,\n  },\n};\n\nexport function MapView(props: MapViewProps) {\n  let { terrainSourceID } = props;\n  const {\n    enableTerrain = true,\n    style,\n    mapPosition,\n    initializeMap = defaultInitializeMap,\n    children,\n    mapboxToken,\n    // Deprecated\n    accessToken,\n    infoMarkerPosition,\n    transformRequest,\n    projection,\n    onMapLoaded = null,\n    onStyleLoaded = null,\n    onMapMoved = null,\n    standalone = false,\n    overlayStyles,\n    transformStyle,\n    trackResize = true,\n    loadingIgnoredSources = [\"elevationMarker\", \"crossSectionEndpoints\"],\n    id = \"map\",\n    className,\n    ...rest\n  } = props;\n  if (enableTerrain) {\n    terrainSourceID ??= \"mapbox-3d-dem\";\n  }\n\n  useEffect(() => {\n    if (id != null) {\n      console.warn(\n        \"Setting a specific element ID for the map is deprecated. Please use className instead.\",\n      );\n    }\n  }, [id]);\n\n  const _mapboxToken = mapboxToken ?? accessToken;\n\n  if (_mapboxToken != null) {\n    mapboxgl.accessToken = _mapboxToken;\n  }\n\n  const dispatch = useMapDispatch();\n  let mapRef = useMapRef();\n  const ref = useRef<HTMLDivElement>();\n  const parentRef = useRef<HTMLDivElement>();\n\n  const [baseStyle, setBaseStyle] = useState<mapboxgl.Style>(null);\n\n  const estMapPosition: MapPosition | null =\n    mapRef.current == null ? mapPosition : getMapPosition(mapRef.current);\n  const { mapUse3D, mapIsRotated } = mapViewInfo(estMapPosition);\n  const is3DAvailable = (mapUse3D ?? false) && enableTerrain;\n\n  useEffect(() => {\n    /** Manager to update map style */\n    if (baseStyle == null) return;\n    let map = mapRef.current;\n\n    let newStyle: mapboxgl.StyleSpecification = baseStyle;\n\n    const overlayStyles = props.overlayStyles ?? [];\n\n    if (overlayStyles.length > 0) {\n      newStyle = mergeStyles(newStyle, ...overlayStyles);\n    }\n\n    /** If we can, we try to update the map style with terrain information\n     * immediately, before the style is loaded. This allows us to avoid a\n     * flash of the map without terrain.\n     *\n     * To do this, we need to estimate the map position before load, which\n     * doesn't always work.\n     */\n    if (is3DAvailable) {\n      // We can update the style with terrain layers immediately\n      const terrainStyle = getTerrainLayerForStyle(newStyle, terrainSourceID);\n      newStyle = mergeStyles(newStyle, terrainStyle);\n    }\n\n    if (transformStyle != null) {\n      newStyle = transformStyle(newStyle);\n    }\n\n    if (map != null) {\n      dispatch({ type: \"set-style-loaded\", payload: false });\n      map.setStyle(newStyle);\n    } else {\n      const map = initializeMap(ref.current, {\n        style: newStyle,\n        projection,\n        mapPosition,\n        transformRequest,\n        ...rest,\n      });\n      dispatch({ type: \"set-map\", payload: map });\n      map.setPadding(getMapPadding(ref, parentRef), { animate: false });\n      onMapLoaded?.(map);\n    }\n  }, [baseStyle, overlayStyles, transformStyle]);\n\n  useAsyncEffect(async () => {\n    /** Manager to update map style */\n    let newStyle: mapboxgl.StyleSpecification;\n    if (typeof style === \"string\") {\n      newStyle = await getMapboxStyle(style, {\n        access_token: mapboxgl.accessToken,\n      });\n    } else {\n      newStyle = style;\n    }\n    setBaseStyle(newStyle);\n  }, [style]);\n\n  // Get map projection\n  const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n\n  const mapClassName = classNames(\n    {\n      \"is-rotated\": mapIsRotated ?? false,\n      \"is-3d-available\": is3DAvailable,\n    },\n    `${_projection}-projection`,\n  );\n\n  const parentClassName = classNames(\n    {\n      standalone,\n    },\n    className,\n  );\n\n  return h(\n    \"div.map-view-container.main-view\",\n    { ref: parentRef, className: parentClassName },\n    [\n      h(\"div.mapbox-map.map-view\", { ref, className: mapClassName, id }),\n      h(MapLoadingReporter, {\n        ignoredSources: loadingIgnoredSources,\n      }),\n      h(StyleLoadedReporter, { onStyleLoaded }),\n      h(MapMovedReporter, { onMapMoved }),\n      // Subsitute for trackResize: true that allows map resizing to\n      // be tied to a specific ref component\n      h.if(trackResize)(MapResizeManager, { containerRef: ref }),\n      h(MapPaddingManager, {\n        containerRef: ref,\n        parentRef,\n        infoMarkerPosition,\n      }),\n      h(MapTerrainManager, { mapUse3D: is3DAvailable, terrainSourceID, style }),\n      children,\n    ],\n  );\n}\n\nfunction StyleLoadedReporter({ onStyleLoaded = null }) {\n  /** Check back every 0.1 seconds to see if the map has loaded.\n   * We do it this way because mapboxgl loading events are unreliable */\n  const isStyleLoaded = useMapStatus((state) => state.isStyleLoaded);\n  const mapRef = useMapRef();\n  const dispatch = useMapDispatch();\n\n  useEffect(() => {\n    if (isStyleLoaded) return;\n    const interval = setInterval(() => {\n      const map = mapRef.current;\n      if (map == null) return;\n      if (map.isStyleLoaded()) {\n        // Wait a tick before setting the style loaded state\n        dispatch({ type: \"set-style-loaded\", payload: true });\n        onStyleLoaded?.(map);\n        clearInterval(interval);\n      }\n    }, 50);\n    return () => clearInterval(interval);\n  }, [isStyleLoaded]);\n\n  return null;\n}\n\nexport function MapTerrainManager({\n  mapUse3D,\n  terrainSourceID,\n  style,\n}: {\n  mapUse3D?: boolean;\n  terrainSourceID?: string;\n  style?: mapboxgl.StyleSpecification | string;\n}) {\n  use3DTerrain(mapUse3D, terrainSourceID);\n\n  return null;\n}\n"],"names":[],"version":3,"file":"map-interface.ca1ee406.js.map"}

package/dist/esm/map-interface.e20a9bac.js

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

package/dist/esm/map-interface.e20a9bac.js.map

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