@macrostrat/map-interface 1.5.7 → 2.0.0

package/dist/location-details/fossil-collections/collections.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const core = require("@blueprintjs/core");
+const h$1 = require("@macrostrat/hyper");
+const main_module = require("./main.module.sass.cjs");
+const fossils = require("../utils/fossils.cjs");
+const h = h$1.styled(main_module.default);
+function PBDBCollections({ data }) {
+  if (data == null) return null;
+  return h(
+    "div.collections",
+    data.map((col, ix) => h(FossilCollection, { key: ix, col }))
+  );
+}
+function FossilCollection({ col }) {
+  let occurrenceTree = fossils.makeOccurrenceTree(col.occurrences);
+  return h(
+    "div.fossil-collection",
+    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Header, { col }), /* @__PURE__ */ React.createElement(core.Tabs, null, /* @__PURE__ */ React.createElement(core.Tab, { title: "Info", panel: /* @__PURE__ */ React.createElement(InfoPanel, { col }), id: "info" }), /* @__PURE__ */ React.createElement(
+      core.Tab,
+      {
+        id: "occ",
+        title: `Occurrences (${col.occurrences.length})`,
+        disabled: col.occurrences.length == 0,
+        panel: /* @__PURE__ */ React.createElement(OccurencesPanel, { occurrenceTree })
+      }
+    )))
+  );
+}
+function CollectionNumber({ col }) {
+  const num = col.oid.replace("col:", "");
+  return h("div.collection-number", [
+    h("span.collection-number-prefix", "#"),
+    h(
+      "a",
+      {
+        href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${num}`,
+        target: "_blank"
+      },
+      num
+    )
+  ]);
+}
+function Header({ col }) {
+  return h("div.pbdb-panel-header", [
+    h.if(col.nam)("h4", {}, col.nam),
+    h.if(col.oid)(CollectionNumber, { col })
+  ]);
+}
+function InfoPanel(props) {
+  const { col } = props;
+  return /* @__PURE__ */ React.createElement("div", null, col.oei && /* @__PURE__ */ React.createElement("div", { className: "map-source-attr" }, /* @__PURE__ */ React.createElement("span", { className: "attr" }, "Age: "), " ", col.oei, " (", col.lag, " - ", col.lag, /* @__PURE__ */ React.createElement("span", { className: "age-chip-ma" }, "Ma"), ")"), col.sgr && /* @__PURE__ */ React.createElement("div", { className: "map-source-attr" }, /* @__PURE__ */ React.createElement("span", { className: "attr" }, "Group: "), " ", col.sgr), col.sfm && /* @__PURE__ */ React.createElement("div", { className: "map-source-attr" }, /* @__PURE__ */ React.createElement("span", { className: "attr" }, "Formation: "), " ", col.sfm), col.lt1 && /* @__PURE__ */ React.createElement("div", { className: "map-source-attr" }, /* @__PURE__ */ 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__ */ React.createElement("div", { className: "map-source-attr" }, /* @__PURE__ */ React.createElement("span", { className: "attr" }, "Environment: "), " ", col.env), col.ref && /* @__PURE__ */ React.createElement("div", { className: "reference map-source-attr" }, /* @__PURE__ */ React.createElement("span", { className: "attr" }, "Reference: "), " ", /* @__PURE__ */ React.createElement("span", { dangerouslySetInnerHTML: { __html: col.ref } })));
+}
+function OccurencesPanel(props) {
+  const { occurrenceTree } = props;
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("ul", { className: "taxon-list phylum-list" }, occurrenceTree.phyla.map((phylum, pidx) => {
+    return /* @__PURE__ */ React.createElement("div", { key: pidx, className: "phyla" }, /* @__PURE__ */ React.createElement("li", null, phylum.phylum), /* @__PURE__ */ React.createElement("ul", { className: "taxon-list" }, phylum.classes.map((cls, clsidx) => {
+      return /* @__PURE__ */ React.createElement("div", { key: clsidx, className: "classes" }, /* @__PURE__ */ React.createElement("li", null, cls.nameClass), /* @__PURE__ */ React.createElement("ul", { className: "taxon-list" }, cls.families.map((family, familyidx) => {
+        return /* @__PURE__ */ React.createElement("div", { key: familyidx, className: "families" }, /* @__PURE__ */ React.createElement("li", null, family.family), /* @__PURE__ */ React.createElement("ul", { className: "taxon-list genera" }, family.genera.map((genus, genusidx) => {
+          return /* @__PURE__ */ React.createElement("li", { key: genusidx }, genus.old_name ? '"' + genus.old_name + '" - ' : "", genus.genusRes ? genus.genusRes : " ", genus.display_name1, /* @__PURE__ */ React.createElement("i", null, genus.display_name2 ? genus.display_name2 : "", genus.display_name3 ? genus.display_name3 : ""));
+        })));
+      })));
+    })));
+  })));
+}
+exports.default = PBDBCollections;
+//# sourceMappingURL=collections.cjs.map

package/dist/location-details/fossil-collections/collections.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collections.cjs","sources":["../../../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":["hyper","styles","makeOccurrenceTree","Tabs","Tab"],"mappings":"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"}

package/dist/location-details/fossil-collections/collections.d.ts

@@ -0,0 +1,3 @@
+export default function PBDBCollections({ data }: {
+    data: any;
+}): import('react').DOMElement<any, Element>;

package/dist/location-details/fossil-collections/collections.js

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

package/dist/location-details/fossil-collections/collections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collections.js","sources":["../../../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":["hyper"],"mappings":"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"}

package/dist/location-details/fossil-collections/index.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h = require("@macrostrat/hyper");
+const collections = require("./collections.cjs");
+function FossilCollections(props) {
+  const { data, expanded = false } = props;
+  if (!data || data.length <= 0) {
+    return null;
+  }
+  return h(collections.default, { data });
+}
+exports.FossilCollections = FossilCollections;
+//# sourceMappingURL=index.cjs.map

package/dist/location-details/fossil-collections/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/location-details/fossil-collections/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport PBDBCollections from \"./collections\";\n\nexport function FossilCollections(props) {\n  const { data, expanded = false } = props;\n\n  if (!data || data.length <= 0) {\n    return null;\n  }\n  return h(PBDBCollections, { data });\n}\n"],"names":["PBDBCollections"],"mappings":";;;;AAGO,SAAS,kBAAkB,OAAO;AACvC,QAAM,EAAE,MAAM,WAAW,MAAA,IAAU;AAEnC,MAAI,CAAC,QAAQ,KAAK,UAAU,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,SAAO,EAAEA,YAAAA,SAAiB,EAAE,MAAM;AACpC;;"}

package/dist/location-details/fossil-collections/index.d.ts

@@ -0,0 +1,3 @@
+export declare function FossilCollections(props: any): import('react').FunctionComponentElement<{
+    data: any;
+}>;

package/dist/location-details/fossil-collections/index.js

@@ -0,0 +1,13 @@
+import h from "@macrostrat/hyper";
+import PBDBCollections from "./collections.js";
+function FossilCollections(props) {
+  const { data, expanded = false } = props;
+  if (!data || data.length <= 0) {
+    return null;
+  }
+  return h(PBDBCollections, { data });
+}
+export {
+  FossilCollections
+};
+//# sourceMappingURL=index.js.map

package/dist/location-details/fossil-collections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/location-details/fossil-collections/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport PBDBCollections from \"./collections\";\n\nexport function FossilCollections(props) {\n  const { data, expanded = false } = props;\n\n  if (!data || data.length <= 0) {\n    return null;\n  }\n  return h(PBDBCollections, { data });\n}\n"],"names":[],"mappings":";;AAGO,SAAS,kBAAkB,OAAO;AACvC,QAAM,EAAE,MAAM,WAAW,MAAA,IAAU;AAEnC,MAAI,CAAC,QAAQ,KAAK,UAAU,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,SAAO,EAAE,iBAAiB,EAAE,MAAM;AACpC;"}

package/dist/location-details/fossil-collections/main.module.sass.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const styles = {
+  "pbdb-panel-header": "_pbdb-panel-header_i4zn4_1",
+  "fossil-collection": "_fossil-collection_i4zn4_14"
+};
+exports.default = styles;
+//# sourceMappingURL=main.module.sass.cjs.map

package/dist/location-details/fossil-collections/main.module.sass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/location-details/fossil-collections/main.module.sass.js

@@ -0,0 +1,8 @@
+const styles = {
+  "pbdb-panel-header": "_pbdb-panel-header_i4zn4_1",
+  "fossil-collection": "_fossil-collection_i4zn4_14"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=main.module.sass.js.map

package/dist/location-details/fossil-collections/main.module.sass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/location-details/index.d.ts

@@ -0,0 +1,5 @@
+export * from './fossil-collections';
+export * from './xdd-panel';
+export * from './reg-strat';
+export * from './physiography';
+export * from './macrostrat-linked';

package/dist/location-details/info-blocks.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h$1 = require("@macrostrat/hyper");
+const index = require("./utils/index.cjs");
+const infoBlocks_module = require("./info-blocks.module.sass.cjs");
+const uiComponents = require("@macrostrat/ui-components");
+const chroma = require("chroma-js");
+const h = h$1.styled(infoBlocks_module.default);
+function getColor(color, darkenAmount) {
+  try {
+    return chroma(color).darken(darkenAmount).hex();
+  } catch (err) {
+    return color;
+  }
+}
+function IntervalChip(props) {
+  const { interval, className, intervalURL } = props;
+  const darkMode = uiComponents.useDarkMode();
+  const darkenAmount = darkMode.isEnabled ? 2 : 0;
+  return h(
+    "a.chip-link",
+    {
+      href: `${intervalURL}/${interval.int_id}`
+    },
+    h(
+      "div.chip.age-chip",
+      {
+        className,
+        style: {
+          backgroundColor: getColor(interval.color, darkenAmount)
+        }
+      },
+      [
+        h("div.age-chip-interval", interval.int_name),
+        h("div.age-chip-age", [
+          h(Age, { age: interval.b_age }),
+          " - ",
+          h(Age, { age: interval.t_age })
+        ])
+      ]
+    )
+  );
+}
+function Age({ age }) {
+  return h("span.age", [age, h("span.age-chip-ma", ["Ma"])]);
+}
+function AgeChip(props) {
+  const { t_int, b_int, intervalURL } = props;
+  return h("div.age-chip-container", [
+    h(IntervalChip, { interval: b_int, intervalURL }),
+    h.if(b_int.int_id != props.t_int.int_id)(IntervalChip, {
+      interval: t_int,
+      className: "age-chip-t-int",
+      intervalURL
+    })
+  ]);
+}
+function AttrChip(props) {
+  const {
+    fill = null,
+    color,
+    name,
+    className,
+    emphasized = true,
+    style
+  } = props;
+  return h("div.lith-chip", { style, className }, [
+    h(
+      "div.lith-chip-inner.chip",
+      {
+        style: { backgroundColor: index.hexToRgb(color, 0.6) },
+        className: emphasized ? "emphasized" : null
+      },
+      [name]
+    )
+  ]);
+}
+exports.AgeChip = AgeChip;
+exports.AttrChip = AttrChip;
+exports.IntervalChip = IntervalChip;
+//# sourceMappingURL=info-blocks.cjs.map

package/dist/location-details/info-blocks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-blocks.cjs","sources":["../../src/location-details/info-blocks.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { hexToRgb } from \"./utils\";\nimport styles from \"./info-blocks.module.sass\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport chroma from \"chroma-js\";\n\nconst h = hyper.styled(styles);\n\nfunction getColor(color, darkenAmount) {\n  try {\n    return chroma(color).darken(darkenAmount).hex();\n  } catch (err) {\n    return color;\n  }\n}\n\nfunction IntervalChip(props) {\n  const { interval, className, intervalURL } = props;\n  const darkMode = useDarkMode();\n  const darkenAmount = darkMode.isEnabled ? 2 : 0;\n\n  return h(\n    \"a.chip-link\",\n    {\n      href: `${intervalURL}/${interval.int_id}`,\n    },\n    h(\n      \"div.chip.age-chip\",\n      {\n        className,\n        style: {\n          backgroundColor: getColor(interval.color, darkenAmount),\n        },\n      },\n      [\n        h(\"div.age-chip-interval\", interval.int_name),\n        h(\"div.age-chip-age\", [\n          h(Age, { age: interval.b_age }),\n          \" - \",\n          h(Age, { age: interval.t_age }),\n        ]),\n      ],\n    ),\n  );\n}\n\nfunction Age({ age }) {\n  return h(\"span.age\", [age, h(\"span.age-chip-ma\", [\"Ma\"])]);\n}\n\nfunction AgeChip(props) {\n  const { t_int, b_int, intervalURL } = props;\n\n  return h(\"div.age-chip-container\", [\n    h(IntervalChip, { interval: b_int, intervalURL }),\n    h.if(b_int.int_id != props.t_int.int_id)(IntervalChip, {\n      interval: t_int,\n      className: \"age-chip-t-int\",\n      intervalURL,\n    }),\n  ]);\n}\n\nfunction AttrChip(props) {\n  const {\n    fill = null,\n    color,\n    name,\n    className,\n    emphasized = true,\n    style,\n  } = props;\n\n  // Deactivated for now\n  // if (fill) {\n  //   styles[\"backgroundImage\"] = `url('dist/img/geologic-patterns/${fill}.png')`;\n  // }\n  return h(\"div.lith-chip\", { style, className }, [\n    h(\n      \"div.lith-chip-inner.chip\",\n      {\n        style: { backgroundColor: hexToRgb(color, 0.6) },\n        className: emphasized ? \"emphasized\" : null,\n      },\n      [name],\n    ),\n  ]);\n}\n\nexport { AgeChip, AttrChip, IntervalChip };\n"],"names":["hyper","styles","useDarkMode","hexToRgb"],"mappings":";;;;;;;AAMA,MAAM,IAAIA,IAAM,OAAOC,yBAAM;AAE7B,SAAS,SAAS,OAAO,cAAc;AACrC,MAAI;AACF,WAAO,OAAO,KAAK,EAAE,OAAO,YAAY,EAAE,IAAA;AAAA,EAC5C,SAAS,KAAK;AACZ,WAAO;AAAA,EACT;AACF;AAEA,SAAS,aAAa,OAAO;AAC3B,QAAM,EAAE,UAAU,WAAW,YAAA,IAAgB;AAC7C,QAAM,WAAWC,aAAAA,YAAA;AACjB,QAAM,eAAe,SAAS,YAAY,IAAI;AAE9C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAM,GAAG,WAAW,IAAI,SAAS,MAAM;AAAA,IAAA;AAAA,IAEzC;AAAA,MACE;AAAA,MACA;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB,SAAS,SAAS,OAAO,YAAY;AAAA,QAAA;AAAA,MACxD;AAAA,MAEF;AAAA,QACE,EAAE,yBAAyB,SAAS,QAAQ;AAAA,QAC5C,EAAE,oBAAoB;AAAA,UACpB,EAAE,KAAK,EAAE,KAAK,SAAS,OAAO;AAAA,UAC9B;AAAA,UACA,EAAE,KAAK,EAAE,KAAK,SAAS,OAAO;AAAA,QAAA,CAC/B;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;AAEA,SAAS,IAAI,EAAE,OAAO;AACpB,SAAO,EAAE,YAAY,CAAC,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3D;AAEA,SAAS,QAAQ,OAAO;AACtB,QAAM,EAAE,OAAO,OAAO,YAAA,IAAgB;AAEtC,SAAO,EAAE,0BAA0B;AAAA,IACjC,EAAE,cAAc,EAAE,UAAU,OAAO,aAAa;AAAA,IAChD,EAAE,GAAG,MAAM,UAAU,MAAM,MAAM,MAAM,EAAE,cAAc;AAAA,MACrD,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;AAEA,SAAS,SAAS,OAAO;AACvB,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,EAAA,IACE;AAMJ,SAAO,EAAE,iBAAiB,EAAE,OAAO,aAAa;AAAA,IAC9C;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO,EAAE,iBAAiBC,MAAAA,SAAS,OAAO,GAAG,EAAA;AAAA,QAC7C,WAAW,aAAa,eAAe;AAAA,MAAA;AAAA,MAEzC,CAAC,IAAI;AAAA,IAAA;AAAA,EACP,CACD;AACH;;;;"}

package/dist/location-details/info-blocks.d.ts

@@ -0,0 +1,9 @@
+declare function IntervalChip(props: any): import('react').ReactElement<{
+    href: string;
+}, string | import('react').JSXElementConstructor<any>>;
+declare function AgeChip(props: any): import('react').DOMElement<import('react').DOMAttributes<Element>, Element>;
+declare function AttrChip(props: any): import('react').ReactElement<{
+    style: any;
+    className: any;
+}, string | import('react').JSXElementConstructor<any>>;
+export { AgeChip, AttrChip, IntervalChip };

package/dist/location-details/info-blocks.js

@@ -0,0 +1,81 @@
+import h$1 from "@macrostrat/hyper";
+import { hexToRgb } from "./utils/index.js";
+import styles from "./info-blocks.module.sass.js";
+import { useDarkMode } from "@macrostrat/ui-components";
+import chroma from "chroma-js";
+const h = h$1.styled(styles);
+function getColor(color, darkenAmount) {
+  try {
+    return chroma(color).darken(darkenAmount).hex();
+  } catch (err) {
+    return color;
+  }
+}
+function IntervalChip(props) {
+  const { interval, className, intervalURL } = props;
+  const darkMode = useDarkMode();
+  const darkenAmount = darkMode.isEnabled ? 2 : 0;
+  return h(
+    "a.chip-link",
+    {
+      href: `${intervalURL}/${interval.int_id}`
+    },
+    h(
+      "div.chip.age-chip",
+      {
+        className,
+        style: {
+          backgroundColor: getColor(interval.color, darkenAmount)
+        }
+      },
+      [
+        h("div.age-chip-interval", interval.int_name),
+        h("div.age-chip-age", [
+          h(Age, { age: interval.b_age }),
+          " - ",
+          h(Age, { age: interval.t_age })
+        ])
+      ]
+    )
+  );
+}
+function Age({ age }) {
+  return h("span.age", [age, h("span.age-chip-ma", ["Ma"])]);
+}
+function AgeChip(props) {
+  const { t_int, b_int, intervalURL } = props;
+  return h("div.age-chip-container", [
+    h(IntervalChip, { interval: b_int, intervalURL }),
+    h.if(b_int.int_id != props.t_int.int_id)(IntervalChip, {
+      interval: t_int,
+      className: "age-chip-t-int",
+      intervalURL
+    })
+  ]);
+}
+function AttrChip(props) {
+  const {
+    fill = null,
+    color,
+    name,
+    className,
+    emphasized = true,
+    style
+  } = props;
+  return h("div.lith-chip", { style, className }, [
+    h(
+      "div.lith-chip-inner.chip",
+      {
+        style: { backgroundColor: hexToRgb(color, 0.6) },
+        className: emphasized ? "emphasized" : null
+      },
+      [name]
+    )
+  ]);
+}
+export {
+  AgeChip,
+  AttrChip,
+  IntervalChip
+};
+//# sourceMappingURL=info-blocks.js.map

package/dist/location-details/info-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-blocks.js","sources":["../../src/location-details/info-blocks.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { hexToRgb } from \"./utils\";\nimport styles from \"./info-blocks.module.sass\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport chroma from \"chroma-js\";\n\nconst h = hyper.styled(styles);\n\nfunction getColor(color, darkenAmount) {\n  try {\n    return chroma(color).darken(darkenAmount).hex();\n  } catch (err) {\n    return color;\n  }\n}\n\nfunction IntervalChip(props) {\n  const { interval, className, intervalURL } = props;\n  const darkMode = useDarkMode();\n  const darkenAmount = darkMode.isEnabled ? 2 : 0;\n\n  return h(\n    \"a.chip-link\",\n    {\n      href: `${intervalURL}/${interval.int_id}`,\n    },\n    h(\n      \"div.chip.age-chip\",\n      {\n        className,\n        style: {\n          backgroundColor: getColor(interval.color, darkenAmount),\n        },\n      },\n      [\n        h(\"div.age-chip-interval\", interval.int_name),\n        h(\"div.age-chip-age\", [\n          h(Age, { age: interval.b_age }),\n          \" - \",\n          h(Age, { age: interval.t_age }),\n        ]),\n      ],\n    ),\n  );\n}\n\nfunction Age({ age }) {\n  return h(\"span.age\", [age, h(\"span.age-chip-ma\", [\"Ma\"])]);\n}\n\nfunction AgeChip(props) {\n  const { t_int, b_int, intervalURL } = props;\n\n  return h(\"div.age-chip-container\", [\n    h(IntervalChip, { interval: b_int, intervalURL }),\n    h.if(b_int.int_id != props.t_int.int_id)(IntervalChip, {\n      interval: t_int,\n      className: \"age-chip-t-int\",\n      intervalURL,\n    }),\n  ]);\n}\n\nfunction AttrChip(props) {\n  const {\n    fill = null,\n    color,\n    name,\n    className,\n    emphasized = true,\n    style,\n  } = props;\n\n  // Deactivated for now\n  // if (fill) {\n  //   styles[\"backgroundImage\"] = `url('dist/img/geologic-patterns/${fill}.png')`;\n  // }\n  return h(\"div.lith-chip\", { style, className }, [\n    h(\n      \"div.lith-chip-inner.chip\",\n      {\n        style: { backgroundColor: hexToRgb(color, 0.6) },\n        className: emphasized ? \"emphasized\" : null,\n      },\n      [name],\n    ),\n  ]);\n}\n\nexport { AgeChip, AttrChip, IntervalChip };\n"],"names":["hyper"],"mappings":";;;;;AAMA,MAAM,IAAIA,IAAM,OAAO,MAAM;AAE7B,SAAS,SAAS,OAAO,cAAc;AACrC,MAAI;AACF,WAAO,OAAO,KAAK,EAAE,OAAO,YAAY,EAAE,IAAA;AAAA,EAC5C,SAAS,KAAK;AACZ,WAAO;AAAA,EACT;AACF;AAEA,SAAS,aAAa,OAAO;AAC3B,QAAM,EAAE,UAAU,WAAW,YAAA,IAAgB;AAC7C,QAAM,WAAW,YAAA;AACjB,QAAM,eAAe,SAAS,YAAY,IAAI;AAE9C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAM,GAAG,WAAW,IAAI,SAAS,MAAM;AAAA,IAAA;AAAA,IAEzC;AAAA,MACE;AAAA,MACA;AAAA,QACE;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB,SAAS,SAAS,OAAO,YAAY;AAAA,QAAA;AAAA,MACxD;AAAA,MAEF;AAAA,QACE,EAAE,yBAAyB,SAAS,QAAQ;AAAA,QAC5C,EAAE,oBAAoB;AAAA,UACpB,EAAE,KAAK,EAAE,KAAK,SAAS,OAAO;AAAA,UAC9B;AAAA,UACA,EAAE,KAAK,EAAE,KAAK,SAAS,OAAO;AAAA,QAAA,CAC/B;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;AAEA,SAAS,IAAI,EAAE,OAAO;AACpB,SAAO,EAAE,YAAY,CAAC,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3D;AAEA,SAAS,QAAQ,OAAO;AACtB,QAAM,EAAE,OAAO,OAAO,YAAA,IAAgB;AAEtC,SAAO,EAAE,0BAA0B;AAAA,IACjC,EAAE,cAAc,EAAE,UAAU,OAAO,aAAa;AAAA,IAChD,EAAE,GAAG,MAAM,UAAU,MAAM,MAAM,MAAM,EAAE,cAAc;AAAA,MACrD,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;AAEA,SAAS,SAAS,OAAO;AACvB,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,EAAA,IACE;AAMJ,SAAO,EAAE,iBAAiB,EAAE,OAAO,aAAa;AAAA,IAC9C;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO,EAAE,iBAAiB,SAAS,OAAO,GAAG,EAAA;AAAA,QAC7C,WAAW,aAAa,eAAe;AAAA,MAAA;AAAA,MAEzC,CAAC,IAAI;AAAA,IAAA;AAAA,EACP,CACD;AACH;"}

package/dist/location-details/info-blocks.module.sass.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const chip = "_chip_13xxi_1";
+const emphasized = "_emphasized_13xxi_7";
+const styles = {
+  chip,
+  emphasized,
+  "age-chip-container": "_age-chip-container_13xxi_11",
+  "age-chip": "_age-chip_13xxi_11",
+  "age-chip-age": "_age-chip-age_13xxi_25",
+  "age-chip-ma": "_age-chip-ma_13xxi_29",
+  "age-ma": "_age-ma_13xxi_34",
+  "lith-chip": "_lith-chip_13xxi_38"
+};
+exports.chip = chip;
+exports.default = styles;
+exports.emphasized = emphasized;
+//# sourceMappingURL=info-blocks.module.sass.cjs.map

package/dist/location-details/info-blocks.module.sass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-blocks.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/location-details/info-blocks.module.sass.js

@@ -0,0 +1,18 @@
+const chip = "_chip_13xxi_1";
+const emphasized = "_emphasized_13xxi_7";
+const styles = {
+  chip,
+  emphasized,
+  "age-chip-container": "_age-chip-container_13xxi_11",
+  "age-chip": "_age-chip_13xxi_11",
+  "age-chip-age": "_age-chip-age_13xxi_25",
+  "age-chip-ma": "_age-chip-ma_13xxi_29",
+  "age-ma": "_age-ma_13xxi_34",
+  "lith-chip": "_lith-chip_13xxi_38"
+};
+export {
+  chip,
+  styles as default,
+  emphasized
+};
+//# sourceMappingURL=info-blocks.module.sass.js.map

package/dist/location-details/info-blocks.module.sass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-blocks.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}