@macrostrat/map-interface 1.6.0 → 2.0.0

package/dist/location-details/xdd-panel/article.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"article.cjs","sources":["../../../src/location-details/xdd-panel/article.ts"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Collapse, Button } from \"@blueprintjs/core\";\nimport { AuthorList } from \"@macrostrat/ui-components\";\nimport h from \"@macrostrat/hyper\";\n\nexport function Article(props) {\n  const [expanded, setExpanded] = useState(false);\n  const { data } = props;\n\n  const toggleExpand = () => {\n    setExpanded(!expanded);\n  };\n\n  // Attempt to pull out only the year and not the whole date\n  let year;\n  try {\n    year = data.coverDate ? data.coverDate.match(/\\d{4}/)[0] : \"\";\n  } catch (e) {\n    year = \"\";\n  }\n\n  const authors = data?.authors?.split(\"; \") ?? [];\n\n  const authorList =\n    authors.length > 0 ? h(AuthorList, { names: authors }) : \"Unknown\";\n\n  const iconName = expanded ? \"chevron-up\" : \"chevron-down\";\n\n  return h(\"div.article\", [\n    h(\"div.article-title\", [\n      h(\"p.article-author\", [authorList, year.length ? ` ${year}. ` : \"\"]),\n      h(\n        \"a.title-link\",\n        { href: data.URL, target: \"_blank\" },\n        h(\"strong\", [data.title + \".\"]),\n      ),\n      h(\n        \"span\",\n        {},\n        h(Button, {\n          onClick: toggleExpand,\n          minimal: true,\n          rightIcon: iconName,\n          className: \"flat-btn\",\n        }),\n      ),\n    ]),\n    h(\n      Collapse,\n      { isOpen: expanded },\n      h(\n        \"span\",\n        { className: expanded ? \"\" : \"hidden\" },\n        h(\n          \"div.quotes\",\n          {},\n          data.highlight.map((snippet, si) =>\n            h(\"p.gdd-snippet\", {\n              key: si,\n              dangerouslySetInnerHTML: { __html: `...${snippet}...` },\n            }),\n          ),\n        ),\n      ),\n    ),\n  ]);\n}\n"],"names":["useState","AuthorList","Button","Collapse"],"mappings":";;;;;;AAKO,SAAS,QAAQ,OAAO;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,KAAK;AAC9C,QAAM,EAAE,SAAS;AAEjB,QAAM,eAAe,MAAM;AACzB,gBAAY,CAAC,QAAQ;AAAA,EACvB;AAGA,MAAI;AACJ,MAAI;AACF,WAAO,KAAK,YAAY,KAAK,UAAU,MAAM,OAAO,EAAE,CAAC,IAAI;AAAA,EAC7D,SAAS,GAAG;AACV,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,MAAM,SAAS,MAAM,IAAI,KAAK,CAAA;AAE9C,QAAM,aACJ,QAAQ,SAAS,IAAI,EAAEC,aAAAA,YAAY,EAAE,OAAO,QAAA,CAAS,IAAI;AAE3D,QAAM,WAAW,WAAW,eAAe;AAE3C,SAAO,EAAE,eAAe;AAAA,IACtB,EAAE,qBAAqB;AAAA,MACrB,EAAE,oBAAoB,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,OAAO,EAAE,CAAC;AAAA,MACnE;AAAA,QACE;AAAA,QACA,EAAE,MAAM,KAAK,KAAK,QAAQ,SAAA;AAAA,QAC1B,EAAE,UAAU,CAAC,KAAK,QAAQ,GAAG,CAAC;AAAA,MAAA;AAAA,MAEhC;AAAA,QACE;AAAA,QACA,CAAA;AAAA,QACA,EAAEC,KAAAA,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACT,WAAW;AAAA,UACX,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAAA,IACD;AAAA,MACEC,KAAAA;AAAAA,MACA,EAAE,QAAQ,SAAA;AAAA,MACV;AAAA,QACE;AAAA,QACA,EAAE,WAAW,WAAW,KAAK,SAAA;AAAA,QAC7B;AAAA,UACE;AAAA,UACA,CAAA;AAAA,UACA,KAAK,UAAU;AAAA,YAAI,CAAC,SAAS,OAC3B,EAAE,iBAAiB;AAAA,cACjB,KAAK;AAAA,cACL,yBAAyB,EAAE,QAAQ,MAAM,OAAO,MAAA;AAAA,YAAM,CACvD;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AACH;;"}

package/dist/location-details/xdd-panel/article.d.ts

@@ -0,0 +1 @@
+export declare function Article(props: any): import('react').DOMElement<import('react').DOMAttributes<Element>, Element>;

package/dist/location-details/xdd-panel/article.js

@@ -0,0 +1,62 @@
+import { useState } from "react";
+import { Button, Collapse } from "@blueprintjs/core";
+import { AuthorList } from "@macrostrat/ui-components";
+import h from "@macrostrat/hyper";
+function Article(props) {
+  const [expanded, setExpanded] = useState(false);
+  const { data } = props;
+  const toggleExpand = () => {
+    setExpanded(!expanded);
+  };
+  let year;
+  try {
+    year = data.coverDate ? data.coverDate.match(/\d{4}/)[0] : "";
+  } catch (e) {
+    year = "";
+  }
+  const authors = data?.authors?.split("; ") ?? [];
+  const authorList = authors.length > 0 ? h(AuthorList, { names: authors }) : "Unknown";
+  const iconName = expanded ? "chevron-up" : "chevron-down";
+  return h("div.article", [
+    h("div.article-title", [
+      h("p.article-author", [authorList, year.length ? ` ${year}. ` : ""]),
+      h(
+        "a.title-link",
+        { href: data.URL, target: "_blank" },
+        h("strong", [data.title + "."])
+      ),
+      h(
+        "span",
+        {},
+        h(Button, {
+          onClick: toggleExpand,
+          minimal: true,
+          rightIcon: iconName,
+          className: "flat-btn"
+        })
+      )
+    ]),
+    h(
+      Collapse,
+      { isOpen: expanded },
+      h(
+        "span",
+        { className: expanded ? "" : "hidden" },
+        h(
+          "div.quotes",
+          {},
+          data.highlight.map(
+            (snippet, si) => h("p.gdd-snippet", {
+              key: si,
+              dangerouslySetInnerHTML: { __html: `...${snippet}...` }
+            })
+          )
+        )
+      )
+    )
+  ]);
+}
+export {
+  Article
+};
+//# sourceMappingURL=article.js.map

package/dist/location-details/xdd-panel/article.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"article.js","sources":["../../../src/location-details/xdd-panel/article.ts"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Collapse, Button } from \"@blueprintjs/core\";\nimport { AuthorList } from \"@macrostrat/ui-components\";\nimport h from \"@macrostrat/hyper\";\n\nexport function Article(props) {\n  const [expanded, setExpanded] = useState(false);\n  const { data } = props;\n\n  const toggleExpand = () => {\n    setExpanded(!expanded);\n  };\n\n  // Attempt to pull out only the year and not the whole date\n  let year;\n  try {\n    year = data.coverDate ? data.coverDate.match(/\\d{4}/)[0] : \"\";\n  } catch (e) {\n    year = \"\";\n  }\n\n  const authors = data?.authors?.split(\"; \") ?? [];\n\n  const authorList =\n    authors.length > 0 ? h(AuthorList, { names: authors }) : \"Unknown\";\n\n  const iconName = expanded ? \"chevron-up\" : \"chevron-down\";\n\n  return h(\"div.article\", [\n    h(\"div.article-title\", [\n      h(\"p.article-author\", [authorList, year.length ? ` ${year}. ` : \"\"]),\n      h(\n        \"a.title-link\",\n        { href: data.URL, target: \"_blank\" },\n        h(\"strong\", [data.title + \".\"]),\n      ),\n      h(\n        \"span\",\n        {},\n        h(Button, {\n          onClick: toggleExpand,\n          minimal: true,\n          rightIcon: iconName,\n          className: \"flat-btn\",\n        }),\n      ),\n    ]),\n    h(\n      Collapse,\n      { isOpen: expanded },\n      h(\n        \"span\",\n        { className: expanded ? \"\" : \"hidden\" },\n        h(\n          \"div.quotes\",\n          {},\n          data.highlight.map((snippet, si) =>\n            h(\"p.gdd-snippet\", {\n              key: si,\n              dangerouslySetInnerHTML: { __html: `...${snippet}...` },\n            }),\n          ),\n        ),\n      ),\n    ),\n  ]);\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,QAAQ,OAAO;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,EAAE,SAAS;AAEjB,QAAM,eAAe,MAAM;AACzB,gBAAY,CAAC,QAAQ;AAAA,EACvB;AAGA,MAAI;AACJ,MAAI;AACF,WAAO,KAAK,YAAY,KAAK,UAAU,MAAM,OAAO,EAAE,CAAC,IAAI;AAAA,EAC7D,SAAS,GAAG;AACV,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,MAAM,SAAS,MAAM,IAAI,KAAK,CAAA;AAE9C,QAAM,aACJ,QAAQ,SAAS,IAAI,EAAE,YAAY,EAAE,OAAO,QAAA,CAAS,IAAI;AAE3D,QAAM,WAAW,WAAW,eAAe;AAE3C,SAAO,EAAE,eAAe;AAAA,IACtB,EAAE,qBAAqB;AAAA,MACrB,EAAE,oBAAoB,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,OAAO,EAAE,CAAC;AAAA,MACnE;AAAA,QACE;AAAA,QACA,EAAE,MAAM,KAAK,KAAK,QAAQ,SAAA;AAAA,QAC1B,EAAE,UAAU,CAAC,KAAK,QAAQ,GAAG,CAAC;AAAA,MAAA;AAAA,MAEhC;AAAA,QACE;AAAA,QACA,CAAA;AAAA,QACA,EAAE,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACT,WAAW;AAAA,UACX,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAAA,IACD;AAAA,MACE;AAAA,MACA,EAAE,QAAQ,SAAA;AAAA,MACV;AAAA,QACE;AAAA,QACA,EAAE,WAAW,WAAW,KAAK,SAAA;AAAA,QAC7B;AAAA,UACE;AAAA,UACA,CAAA;AAAA,UACA,KAAK,UAAU;AAAA,YAAI,CAAC,SAAS,OAC3B,EAAE,iBAAiB;AAAA,cACjB,KAAK;AAAA,cACL,yBAAyB,EAAE,QAAQ,MAAM,OAAO,MAAA;AAAA,YAAM,CACvD;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AACH;"}

package/dist/location-details/xdd-panel/index.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@blueprintjs/core");
+const h = require("@macrostrat/hyper");
+const journal = require("./journal.cjs");
+const mapInterface = require("@macrostrat/map-interface");
+function XddExpansion({
+  xddInfo,
+  expanded = false,
+  nestedExpanded = true
+}) {
+  return h(xDDPanelCore, {
+    className: "regional-panel",
+    data: xddInfo,
+    isFetching: xddInfo == void 0 || xddInfo.length === 0,
+    expanded,
+    nestedExpanded
+  });
+}
+function xDDPanelCore({
+  isFetching,
+  data: xddInfo,
+  expanded,
+  nestedExpanded,
+  ...rest
+}) {
+  const groupedData = groupSnippetsByJournal(xddInfo);
+  return h(
+    mapInterface.ExpansionPanel,
+    {
+      className: "regional-panel",
+      title: "Primary literature",
+      helpText: "via xDD",
+      ...rest,
+      expanded
+    },
+    [
+      h.if(isFetching)(core.Spinner),
+      h.if(!isFetching && xddInfo.length > 0)([
+        Array.from(groupedData.entries())?.map(([journal$1, snippets]) => {
+          return h(journal.JournalLegacy, {
+            nestedExpanded,
+            name: journal$1,
+            articles: snippets,
+            publisher: snippets[0].publisher,
+            key: journal$1
+          });
+        })
+      ])
+    ]
+  );
+}
+function groupSnippetsByJournal(snippets) {
+  const journals = /* @__PURE__ */ new Map();
+  if (!snippets || snippets.length === 0) {
+    return journals;
+  }
+  for (let snippet of snippets) {
+    const { pubname: journal2 } = snippet;
+    if (!journals.has(journal2)) {
+      journals.set(journal2, []);
+    }
+    journals.get(journal2).push(snippet);
+  }
+  return journals;
+}
+exports.XddExpansion = XddExpansion;
+exports.xDDPanelCore = xDDPanelCore;
+//# sourceMappingURL=index.cjs.map

package/dist/location-details/xdd-panel/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/location-details/xdd-panel/index.ts"],"sourcesContent":["import { Spinner } from \"@blueprintjs/core\";\nimport h from \"@macrostrat/hyper\";\nimport { XDDSnippet, JournalLegacy } from \"./journal\";\nimport { ExpansionPanel } from \"@macrostrat/map-interface\";\n\nexport function XddExpansion({\n  xddInfo,\n  expanded = false,\n  nestedExpanded = true,\n}) {\n  return h(xDDPanelCore, {\n    className: \"regional-panel\",\n    data: xddInfo,\n    isFetching: xddInfo == undefined || xddInfo.length === 0,\n    expanded,\n    nestedExpanded,\n  });\n}\n\nexport function xDDPanelCore({\n  isFetching,\n  data: xddInfo,\n  expanded,\n  nestedExpanded,\n  ...rest\n}) {\n  const groupedData = groupSnippetsByJournal(xddInfo);\n\n  return h(\n    ExpansionPanel,\n    {\n      className: \"regional-panel\",\n      title: \"Primary literature\",\n      helpText: \"via xDD\",\n      ...rest,\n      expanded,\n    },\n    [\n      h.if(isFetching)(Spinner),\n      h.if(!isFetching && xddInfo.length > 0)([\n        Array.from(groupedData.entries())?.map(([journal, snippets]) => {\n          return h(JournalLegacy, {\n            nestedExpanded,\n            name: journal,\n            articles: snippets,\n            publisher: snippets[0].publisher,\n            key: journal,\n          });\n        }),\n      ]),\n    ],\n  );\n}\n\nfunction groupSnippetsByJournal(\n  snippets: XDDSnippet[],\n): Map<string, XDDSnippet[]> {\n  const journals = new Map<string, XDDSnippet[]>();\n  if (!snippets || snippets.length === 0) {\n    return journals;\n  }\n  for (let snippet of snippets) {\n    const { pubname: journal } = snippet;\n    if (!journals.has(journal)) {\n      journals.set(journal, []);\n    }\n    journals.get(journal).push(snippet);\n  }\n  return journals;\n}\n"],"names":["ExpansionPanel","Spinner","journal","JournalLegacy"],"mappings":";;;;;;AAKO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,iBAAiB;AACnB,GAAG;AACD,SAAO,EAAE,cAAc;AAAA,IACrB,WAAW;AAAA,IACX,MAAM;AAAA,IACN,YAAY,WAAW,UAAa,QAAQ,WAAW;AAAA,IACvD;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,cAAc,uBAAuB,OAAO;AAElD,SAAO;AAAA,IACLA,aAAAA;AAAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,GAAG;AAAA,MACH;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,EAAE,GAAG,UAAU,EAAEC,YAAO;AAAA,MACxB,EAAE,GAAG,CAAC,cAAc,QAAQ,SAAS,CAAC,EAAE;AAAA,QACtC,MAAM,KAAK,YAAY,QAAA,CAAS,GAAG,IAAI,CAAC,CAACC,WAAS,QAAQ,MAAM;AAC9D,iBAAO,EAAEC,QAAAA,eAAe;AAAA,YACtB;AAAA,YACA,MAAMD;AAAAA,YACN,UAAU;AAAA,YACV,WAAW,SAAS,CAAC,EAAE;AAAA,YACvB,KAAKA;AAAAA,UAAA,CACN;AAAA,QACH,CAAC;AAAA,MAAA,CACF;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,SAAS,uBACP,UAC2B;AAC3B,QAAM,+BAAe,IAAA;AACrB,MAAI,CAAC,YAAY,SAAS,WAAW,GAAG;AACtC,WAAO;AAAA,EACT;AACA,WAAS,WAAW,UAAU;AAC5B,UAAM,EAAE,SAASA,SAAA,IAAY;AAC7B,QAAI,CAAC,SAAS,IAAIA,QAAO,GAAG;AAC1B,eAAS,IAAIA,UAAS,EAAE;AAAA,IAC1B;AACA,aAAS,IAAIA,QAAO,EAAE,KAAK,OAAO;AAAA,EACpC;AACA,SAAO;AACT;;;"}

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

@@ -0,0 +1,18 @@
+export declare function XddExpansion({ xddInfo, expanded, nestedExpanded, }: {
+    xddInfo: any;
+    expanded?: boolean;
+    nestedExpanded?: boolean;
+}): import('react').FunctionComponentElement<{
+    [x: string]: any;
+    isFetching: any;
+    data: any;
+    expanded: any;
+    nestedExpanded: any;
+}>;
+export declare function xDDPanelCore({ isFetching, data: xddInfo, expanded, nestedExpanded, ...rest }: {
+    [x: string]: any;
+    isFetching: any;
+    data: any;
+    expanded: any;
+    nestedExpanded: any;
+}): import('react').FunctionComponentElement<any>;

package/dist/location-details/xdd-panel/index.js

@@ -0,0 +1,69 @@
+import { Spinner } from "@blueprintjs/core";
+import h from "@macrostrat/hyper";
+import { JournalLegacy } from "./journal.js";
+import { ExpansionPanel } from "@macrostrat/map-interface";
+function XddExpansion({
+  xddInfo,
+  expanded = false,
+  nestedExpanded = true
+}) {
+  return h(xDDPanelCore, {
+    className: "regional-panel",
+    data: xddInfo,
+    isFetching: xddInfo == void 0 || xddInfo.length === 0,
+    expanded,
+    nestedExpanded
+  });
+}
+function xDDPanelCore({
+  isFetching,
+  data: xddInfo,
+  expanded,
+  nestedExpanded,
+  ...rest
+}) {
+  const groupedData = groupSnippetsByJournal(xddInfo);
+  return h(
+    ExpansionPanel,
+    {
+      className: "regional-panel",
+      title: "Primary literature",
+      helpText: "via xDD",
+      ...rest,
+      expanded
+    },
+    [
+      h.if(isFetching)(Spinner),
+      h.if(!isFetching && xddInfo.length > 0)([
+        Array.from(groupedData.entries())?.map(([journal, snippets]) => {
+          return h(JournalLegacy, {
+            nestedExpanded,
+            name: journal,
+            articles: snippets,
+            publisher: snippets[0].publisher,
+            key: journal
+          });
+        })
+      ])
+    ]
+  );
+}
+function groupSnippetsByJournal(snippets) {
+  const journals = /* @__PURE__ */ new Map();
+  if (!snippets || snippets.length === 0) {
+    return journals;
+  }
+  for (let snippet of snippets) {
+    const { pubname: journal } = snippet;
+    if (!journals.has(journal)) {
+      journals.set(journal, []);
+    }
+    journals.get(journal).push(snippet);
+  }
+  return journals;
+}
+export {
+  XddExpansion,
+  xDDPanelCore
+};
+//# sourceMappingURL=index.js.map

package/dist/location-details/xdd-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/location-details/xdd-panel/index.ts"],"sourcesContent":["import { Spinner } from \"@blueprintjs/core\";\nimport h from \"@macrostrat/hyper\";\nimport { XDDSnippet, JournalLegacy } from \"./journal\";\nimport { ExpansionPanel } from \"@macrostrat/map-interface\";\n\nexport function XddExpansion({\n  xddInfo,\n  expanded = false,\n  nestedExpanded = true,\n}) {\n  return h(xDDPanelCore, {\n    className: \"regional-panel\",\n    data: xddInfo,\n    isFetching: xddInfo == undefined || xddInfo.length === 0,\n    expanded,\n    nestedExpanded,\n  });\n}\n\nexport function xDDPanelCore({\n  isFetching,\n  data: xddInfo,\n  expanded,\n  nestedExpanded,\n  ...rest\n}) {\n  const groupedData = groupSnippetsByJournal(xddInfo);\n\n  return h(\n    ExpansionPanel,\n    {\n      className: \"regional-panel\",\n      title: \"Primary literature\",\n      helpText: \"via xDD\",\n      ...rest,\n      expanded,\n    },\n    [\n      h.if(isFetching)(Spinner),\n      h.if(!isFetching && xddInfo.length > 0)([\n        Array.from(groupedData.entries())?.map(([journal, snippets]) => {\n          return h(JournalLegacy, {\n            nestedExpanded,\n            name: journal,\n            articles: snippets,\n            publisher: snippets[0].publisher,\n            key: journal,\n          });\n        }),\n      ]),\n    ],\n  );\n}\n\nfunction groupSnippetsByJournal(\n  snippets: XDDSnippet[],\n): Map<string, XDDSnippet[]> {\n  const journals = new Map<string, XDDSnippet[]>();\n  if (!snippets || snippets.length === 0) {\n    return journals;\n  }\n  for (let snippet of snippets) {\n    const { pubname: journal } = snippet;\n    if (!journals.has(journal)) {\n      journals.set(journal, []);\n    }\n    journals.get(journal).push(snippet);\n  }\n  return journals;\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,EACX,iBAAiB;AACnB,GAAG;AACD,SAAO,EAAE,cAAc;AAAA,IACrB,WAAW;AAAA,IACX,MAAM;AAAA,IACN,YAAY,WAAW,UAAa,QAAQ,WAAW;AAAA,IACvD;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,cAAc,uBAAuB,OAAO;AAElD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,GAAG;AAAA,MACH;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,EAAE,GAAG,UAAU,EAAE,OAAO;AAAA,MACxB,EAAE,GAAG,CAAC,cAAc,QAAQ,SAAS,CAAC,EAAE;AAAA,QACtC,MAAM,KAAK,YAAY,QAAA,CAAS,GAAG,IAAI,CAAC,CAAC,SAAS,QAAQ,MAAM;AAC9D,iBAAO,EAAE,eAAe;AAAA,YACtB;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,WAAW,SAAS,CAAC,EAAE;AAAA,YACvB,KAAK;AAAA,UAAA,CACN;AAAA,QACH,CAAC;AAAA,MAAA,CACF;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,SAAS,uBACP,UAC2B;AAC3B,QAAM,+BAAe,IAAA;AACrB,MAAI,CAAC,YAAY,SAAS,WAAW,GAAG;AACtC,WAAO;AAAA,EACT;AACA,WAAS,WAAW,UAAU;AAC5B,UAAM,EAAE,SAAS,QAAA,IAAY;AAC7B,QAAI,CAAC,SAAS,IAAI,OAAO,GAAG;AAC1B,eAAS,IAAI,SAAS,EAAE;AAAA,IAC1B;AACA,aAAS,IAAI,OAAO,EAAE,KAAK,OAAO;AAAA,EACpC;AACA,SAAO;AACT;"}

package/dist/location-details/xdd-panel/journal.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const article = require("./article.cjs");
+require("@blueprintjs/core");
+const h = require("@macrostrat/hyper");
+const mapInterface = require("@macrostrat/map-interface");
+function JournalLegacy(props) {
+  const { articles, name, publisher, nestedExpanded } = props;
+  articles[0].pubname;
+  return h(
+    mapInterface.SubExpansionPanel,
+    {
+      title: name,
+      helpText: publisher,
+      expanded: nestedExpanded
+    },
+    [
+      articles.map((article$1, i) => {
+        return h(article.Article, { key: i, data: article$1 });
+      })
+    ]
+  );
+}
+exports.JournalLegacy = JournalLegacy;
+//# sourceMappingURL=journal.cjs.map

package/dist/{cjs/map-interface.3ca778c5.js.map → location-details/xdd-panel/journal.cjs.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAAS,8BAAQ,KAAK;IACpB,OAAO,CAAA,GAAA,gDAAA,EAAE,eAAe;QACtB,CAAA,GAAA,gDAAA,EAAE,qBAAqB;YACrB,CAAA,GAAA,gDAAA,EAAE,yBAAyB;gBACzB,MAAM,IAAI,CAAC,IAAI;gBACf,CAAA,GAAA,gDAAA,EAAE,wBAAwB;oBAAC,MAAM,IAAI;iBAAC;aACvC;SACF;QACD,CAAA,GAAA,gDAAA,EAAE,CAAA,GAAA,8BAAM;QACR,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS;YAChC,OAAO,CAAA,GAAA,gDAAA,EAAE,CAAA,GAAA,iCAAM,GAAG;gBAAE,KAAK;gBAAG,MAAM;YAAQ;QAC5C;KACD;AACH;AAUO,SAAS,0CAAc,KAAmB;IAC/C,MAAM,YAAE,QAAQ,QAAE,IAAI,aAAE,SAAS,kBAAE,cAAc,EAAE,GAAG;IAEtD,MAAM,WAAW,QAAQ,CAAC,EAAE,CAAC,OAAO;IAEpC,OAAO,CAAA,GAAA,gDAAA,EACL,CAAA,GAAA,+CAAgB,GAChB;QACE,OAAO;QACP,UAAU;QACV,UAAU;IACZ,GACA;QACE,SAAS,GAAG,CAAC,CAAC,SAAS;YACrB,OAAO,CAAA,GAAA,gDAAA,EAAE,CAAA,GAAA,iCAAM,GAAG;gBAAE,KAAK;gBAAG,MAAM;YAAQ;QAC5C;KACD;AAEL","sources":["packages/map-interface/src/location-details/xdd-panel/journal.ts"],"sourcesContent":["import { Article } from \"./article\";\nimport { Divider } from \"@blueprintjs/core\";\nimport h from \"@macrostrat/hyper\";\nimport { SubExpansionPanel } from \"@macrostrat/map-interface\";\n\nexport interface XDDSnippet {\n  pubname: string;\n  publisher: string;\n  _gddid: string;\n  title: string;\n  doi: string;\n  coverDate: string;\n  URL: string;\n  authors: string;\n  hits: number;\n  highlight: string[];\n}\n\nfunction Journal(props) {\n  return h(\"div.journal\", [\n    h(\"div.journal-title\", [\n      h(\"h2.journal-title-text\", [\n        props.data.name,\n        h(\"small.journal-source\", [props.data]),\n      ]),\n    ]),\n    h(Divider),\n    props.data.articles.map((article, i) => {\n      return h(Article, { key: i, data: article });\n    }),\n  ]);\n}\n\ntype JournalProps = {\n  articles: XDDSnippet[];\n  name: string;\n  publisher: string;\n  nestedExpanded?: boolean;\n};\n\n// Still up for review\nexport function JournalLegacy(props: JournalProps) {\n  const { articles, name, publisher, nestedExpanded } = props;\n\n  const helpText = articles[0].pubname;\n\n  return h(\n    SubExpansionPanel,\n    {\n      title: name,\n      helpText: publisher,\n      expanded: nestedExpanded,\n    },\n    [\n      articles.map((article, i) => {\n        return h(Article, { key: i, data: article });\n      }),\n    ],\n  );\n}\n"],"names":[],"version":3,"file":"map-interface.3ca778c5.js.map"}
+{"version":3,"file":"journal.cjs","sources":["../../../src/location-details/xdd-panel/journal.ts"],"sourcesContent":["import { Article } from \"./article\";\nimport { Divider } from \"@blueprintjs/core\";\nimport h from \"@macrostrat/hyper\";\nimport { SubExpansionPanel } from \"@macrostrat/map-interface\";\n\nexport interface XDDSnippet {\n  pubname: string;\n  publisher: string;\n  _gddid: string;\n  title: string;\n  doi: string;\n  coverDate: string;\n  URL: string;\n  authors: string;\n  hits: number;\n  highlight: string[];\n}\n\nfunction Journal(props) {\n  return h(\"div.journal\", [\n    h(\"div.journal-title\", [\n      h(\"h2.journal-title-text\", [\n        props.data.name,\n        h(\"small.journal-source\", [props.data]),\n      ]),\n    ]),\n    h(Divider),\n    props.data.articles.map((article, i) => {\n      return h(Article, { key: i, data: article });\n    }),\n  ]);\n}\n\ntype JournalProps = {\n  articles: XDDSnippet[];\n  name: string;\n  publisher: string;\n  nestedExpanded?: boolean;\n};\n\n// Still up for review\nexport function JournalLegacy(props: JournalProps) {\n  const { articles, name, publisher, nestedExpanded } = props;\n\n  const helpText = articles[0].pubname;\n\n  return h(\n    SubExpansionPanel,\n    {\n      title: name,\n      helpText: publisher,\n      expanded: nestedExpanded,\n    },\n    [\n      articles.map((article, i) => {\n        return h(Article, { key: i, data: article });\n      }),\n    ],\n  );\n}\n"],"names":["SubExpansionPanel","article","Article"],"mappings":";;;;;;AAyCO,SAAS,cAAc,OAAqB;AACjD,QAAM,EAAE,UAAU,MAAM,WAAW,mBAAmB;AAErC,WAAS,CAAC,EAAE;AAE7B,SAAO;AAAA,IACLA,aAAAA;AAAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,SAAS,IAAI,CAACC,WAAS,MAAM;AAC3B,eAAO,EAAEC,QAAAA,SAAS,EAAE,KAAK,GAAG,MAAMD,WAAS;AAAA,MAC7C,CAAC;AAAA,IAAA;AAAA,EACH;AAEJ;;"}

package/dist/location-details/xdd-panel/journal.d.ts

@@ -0,0 +1,20 @@
+export interface XDDSnippet {
+    pubname: string;
+    publisher: string;
+    _gddid: string;
+    title: string;
+    doi: string;
+    coverDate: string;
+    URL: string;
+    authors: string;
+    hits: number;
+    highlight: string[];
+}
+type JournalProps = {
+    articles: XDDSnippet[];
+    name: string;
+    publisher: string;
+    nestedExpanded?: boolean;
+};
+export declare function JournalLegacy(props: JournalProps): import('react').FunctionComponentElement<any>;
+export {};

package/dist/location-details/xdd-panel/journal.js

@@ -0,0 +1,25 @@
+import { Article } from "./article.js";
+import "@blueprintjs/core";
+import h from "@macrostrat/hyper";
+import { SubExpansionPanel } from "@macrostrat/map-interface";
+function JournalLegacy(props) {
+  const { articles, name, publisher, nestedExpanded } = props;
+  articles[0].pubname;
+  return h(
+    SubExpansionPanel,
+    {
+      title: name,
+      helpText: publisher,
+      expanded: nestedExpanded
+    },
+    [
+      articles.map((article, i) => {
+        return h(Article, { key: i, data: article });
+      })
+    ]
+  );
+}
+export {
+  JournalLegacy
+};
+//# sourceMappingURL=journal.js.map

package/dist/location-details/xdd-panel/journal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"journal.js","sources":["../../../src/location-details/xdd-panel/journal.ts"],"sourcesContent":["import { Article } from \"./article\";\nimport { Divider } from \"@blueprintjs/core\";\nimport h from \"@macrostrat/hyper\";\nimport { SubExpansionPanel } from \"@macrostrat/map-interface\";\n\nexport interface XDDSnippet {\n  pubname: string;\n  publisher: string;\n  _gddid: string;\n  title: string;\n  doi: string;\n  coverDate: string;\n  URL: string;\n  authors: string;\n  hits: number;\n  highlight: string[];\n}\n\nfunction Journal(props) {\n  return h(\"div.journal\", [\n    h(\"div.journal-title\", [\n      h(\"h2.journal-title-text\", [\n        props.data.name,\n        h(\"small.journal-source\", [props.data]),\n      ]),\n    ]),\n    h(Divider),\n    props.data.articles.map((article, i) => {\n      return h(Article, { key: i, data: article });\n    }),\n  ]);\n}\n\ntype JournalProps = {\n  articles: XDDSnippet[];\n  name: string;\n  publisher: string;\n  nestedExpanded?: boolean;\n};\n\n// Still up for review\nexport function JournalLegacy(props: JournalProps) {\n  const { articles, name, publisher, nestedExpanded } = props;\n\n  const helpText = articles[0].pubname;\n\n  return h(\n    SubExpansionPanel,\n    {\n      title: name,\n      helpText: publisher,\n      expanded: nestedExpanded,\n    },\n    [\n      articles.map((article, i) => {\n        return h(Article, { key: i, data: article });\n      }),\n    ],\n  );\n}\n"],"names":[],"mappings":";;;;AAyCO,SAAS,cAAc,OAAqB;AACjD,QAAM,EAAE,UAAU,MAAM,WAAW,mBAAmB;AAErC,WAAS,CAAC,EAAE;AAE7B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,SAAS,IAAI,CAAC,SAAS,MAAM;AAC3B,eAAO,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,SAAS;AAAA,MAC7C,CAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/location-panel/header.cjs

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@blueprintjs/core");
+const h$1 = require("@macrostrat/hyper");
+const main_module = require("./main.module.sass.cjs");
+const uiComponents = require("@macrostrat/ui-components");
+const dataComponents = require("@macrostrat/data-components");
+const mapboxReact = require("@macrostrat/mapbox-react");
+const classNames = require("classnames");
+const mapboxUtils = require("@macrostrat/mapbox-utils");
+const h = h$1.styled(main_module.default);
+function PositionButton({ position, bounds, showCopyLink = false }) {
+  const focusState = mapboxReact.useFocusState(position);
+  const copyLinkIsVisible = mapboxUtils.isCentered(focusState) && showCopyLink;
+  return h("div.position-controls", [
+    h(mapboxReact.LocationFocusButton, { location: position, bounds, focusState }, []),
+    h.if(copyLinkIsVisible && position != null)(CopyLinkButton, {
+      itemName: "position"
+    })
+  ]);
+}
+function CopyLinkButton({ itemName, children, onClick, ...rest }) {
+  const toaster = uiComponents.useToaster();
+  let message = `Copied link`;
+  if (itemName != null) {
+    message += ` to ${itemName}`;
+  }
+  message += "!";
+  return h(
+    core.Button,
+    {
+      className: "copy-link-button",
+      rightIcon: h(core.Icon, { icon: "link", size: 12 }),
+      minimal: true,
+      small: true,
+      onClick() {
+        navigator.clipboard.writeText(window.location.href).then(
+          () => {
+            toaster?.show({
+              message,
+              intent: "success",
+              icon: "clipboard",
+              timeout: 1e3
+            });
+            onClick?.();
+          },
+          () => {
+            toaster?.show({
+              message: "Failed to copy link",
+              intent: "danger",
+              icon: "error",
+              timeout: 1e3
+            });
+          }
+        );
+      },
+      ...rest
+    },
+    children ?? "Copy link"
+  );
+}
+function InfoDrawerHeader(props) {
+  const {
+    onClose,
+    position,
+    bounds,
+    zoom = 7,
+    elevation,
+    showCopyPositionButton,
+    fixedHeight = false,
+    children,
+    className
+  } = props;
+  let leftButton = null;
+  if (bounds != null || position != null) {
+    leftButton = h(PositionButton, {
+      position,
+      bounds,
+      showCopyLink: showCopyPositionButton
+    });
+  }
+  return h(
+    "header.location-panel-header",
+    {
+      className: classNames(className, { "fixed-height": fixedHeight })
+    },
+    [
+      leftButton,
+      children,
+      h("div.spacer"),
+      h.if(position != null)(dataComponents.LngLatCoords, {
+        position,
+        zoom,
+        className: "infodrawer-header-item"
+      }),
+      h.if(elevation != null)(dataComponents.Elevation, {
+        elevation,
+        className: "infodrawer-header-item"
+      }),
+      h.if(onClose != null)(core.Button, {
+        minimal: true,
+        icon: "cross",
+        onClick: onClose
+      })
+    ]
+  );
+}
+exports.InfoDrawerHeader = InfoDrawerHeader;
+//# sourceMappingURL=header.cjs.map

package/dist/location-panel/header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.cjs","sources":["../../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 \"@macrostrat/data-components\";\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":["hyper","styles","useFocusState","isCentered","LocationFocusButton","useToaster","Button","Icon","LngLatCoords","Elevation"],"mappings":";;;;;;;;;;AAWA,MAAM,IAAIA,IAAM,OAAOC,mBAAM;AAE7B,SAAS,eAAe,EAAE,UAAU,QAAQ,eAAe,SAAS;AAClE,QAAM,aAAaC,YAAAA,cAAc,QAAQ;AAEzC,QAAM,oBAAoBC,YAAAA,WAAW,UAAU,KAAK;AAEpD,SAAO,EAAE,yBAAyB;AAAA,IAChC,EAAEC,YAAAA,qBAAqB,EAAE,UAAU,UAAU,QAAQ,WAAA,GAAc,EAAE;AAAA,IACrE,EAAE,GAAG,qBAAqB,YAAY,IAAI,EAAE,gBAAgB;AAAA,MAC1D,UAAU;AAAA,IAAA,CACX;AAAA,EAAA,CACF;AACH;AAEA,SAAS,eAAe,EAAE,UAAU,UAAU,SAAS,GAAG,QAAQ;AAChE,QAAM,UAAUC,aAAAA,WAAA;AAEhB,MAAI,UAAU;AACd,MAAI,YAAY,MAAM;AACpB,eAAW,OAAO,QAAQ;AAAA,EAC5B;AACA,aAAW;AAEX,SAAO;AAAA,IACLC,KAAAA;AAAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,WAAW,EAAEC,WAAM,EAAE,MAAM,QAAQ,MAAM,IAAI;AAAA,MAC7C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AACR,kBAAU,UAAU,UAAU,OAAO,SAAS,IAAI,EAAE;AAAA,UAClD,MAAM;AACJ,qBAAS,KAAK;AAAA,cACZ;AAAA,cACA,QAAQ;AAAA,cACR,MAAM;AAAA,cACN,SAAS;AAAA,YAAA,CACV;AACD,sBAAA;AAAA,UACF;AAAA,UACA,MAAM;AACJ,qBAAS,KAAK;AAAA,cACZ,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,MAAM;AAAA,cACN,SAAS;AAAA,YAAA,CACV;AAAA,UACH;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,IAEL,YAAY;AAAA,EAAA;AAEhB;AAcO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,MAAI,aAAa;AACjB,MAAI,UAAU,QAAQ,YAAY,MAAM;AACtC,iBAAa,EAAE,gBAAgB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAAA,CACf;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,WAAW,WAAW,WAAW,EAAE,gBAAgB,aAAa;AAAA,IAAA;AAAA,IAElE;AAAA,MACE;AAAA,MACA;AAAA,MACA,EAAE,YAAY;AAAA,MACd,EAAE,GAAG,YAAY,IAAI,EAAEC,eAAAA,cAAc;AAAA,QACnC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,EAAE,GAAG,aAAa,IAAI,EAAEC,eAAAA,WAAW;AAAA,QACjC;AAAA,QACA,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,EAAE,GAAG,WAAW,IAAI,EAAEH,KAAAA,QAAQ;AAAA,QAC5B,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EACH;AAEJ;;"}

package/dist/location-panel/header.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { LngLatBounds, LngLatLike } from 'mapbox-gl';
+export interface InfoDrawerHeaderProps {
+    onClose?: () => void;
+    position?: LngLatLike;
+    zoom?: number;
+    elevation?: number;
+    showCopyPositionButton?: boolean;
+    bounds?: LngLatBounds;
+    fixedHeight?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+export declare function InfoDrawerHeader(props: InfoDrawerHeaderProps): import('react').ReactElement<{
+    className: string;
+}, string | import('react').JSXElementConstructor<any>>;

package/dist/location-panel/header.js

@@ -0,0 +1,109 @@
+import { Button, Icon } from "@blueprintjs/core";
+import h$1 from "@macrostrat/hyper";
+import styles from "./main.module.sass.js";
+import { useToaster } from "@macrostrat/ui-components";
+import { LngLatCoords, Elevation } from "@macrostrat/data-components";
+import { useFocusState, LocationFocusButton } from "@macrostrat/mapbox-react";
+import classNames from "classnames";
+import { isCentered } from "@macrostrat/mapbox-utils";
+const h = h$1.styled(styles);
+function PositionButton({ position, bounds, showCopyLink = false }) {
+  const focusState = useFocusState(position);
+  const copyLinkIsVisible = isCentered(focusState) && showCopyLink;
+  return h("div.position-controls", [
+    h(LocationFocusButton, { location: position, bounds, focusState }, []),
+    h.if(copyLinkIsVisible && position != null)(CopyLinkButton, {
+      itemName: "position"
+    })
+  ]);
+}
+function CopyLinkButton({ itemName, children, onClick, ...rest }) {
+  const toaster = useToaster();
+  let message = `Copied link`;
+  if (itemName != null) {
+    message += ` to ${itemName}`;
+  }
+  message += "!";
+  return h(
+    Button,
+    {
+      className: "copy-link-button",
+      rightIcon: h(Icon, { icon: "link", size: 12 }),
+      minimal: true,
+      small: true,
+      onClick() {
+        navigator.clipboard.writeText(window.location.href).then(
+          () => {
+            toaster?.show({
+              message,
+              intent: "success",
+              icon: "clipboard",
+              timeout: 1e3
+            });
+            onClick?.();
+          },
+          () => {
+            toaster?.show({
+              message: "Failed to copy link",
+              intent: "danger",
+              icon: "error",
+              timeout: 1e3
+            });
+          }
+        );
+      },
+      ...rest
+    },
+    children ?? "Copy link"
+  );
+}
+function InfoDrawerHeader(props) {
+  const {
+    onClose,
+    position,
+    bounds,
+    zoom = 7,
+    elevation,
+    showCopyPositionButton,
+    fixedHeight = false,
+    children,
+    className
+  } = props;
+  let leftButton = null;
+  if (bounds != null || position != null) {
+    leftButton = h(PositionButton, {
+      position,
+      bounds,
+      showCopyLink: showCopyPositionButton
+    });
+  }
+  return h(
+    "header.location-panel-header",
+    {
+      className: classNames(className, { "fixed-height": fixedHeight })
+    },
+    [
+      leftButton,
+      children,
+      h("div.spacer"),
+      h.if(position != null)(LngLatCoords, {
+        position,
+        zoom,
+        className: "infodrawer-header-item"
+      }),
+      h.if(elevation != null)(Elevation, {
+        elevation,
+        className: "infodrawer-header-item"
+      }),
+      h.if(onClose != null)(Button, {
+        minimal: true,
+        icon: "cross",
+        onClick: onClose
+      })
+    ]
+  );
+}
+export {
+  InfoDrawerHeader
+};
+//# sourceMappingURL=header.js.map

package/dist/location-panel/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../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 \"@macrostrat/data-components\";\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":["hyper"],"mappings":";;;;;;;;AAWA,MAAM,IAAIA,IAAM,OAAO,MAAM;AAE7B,SAAS,eAAe,EAAE,UAAU,QAAQ,eAAe,SAAS;AAClE,QAAM,aAAa,cAAc,QAAQ;AAEzC,QAAM,oBAAoB,WAAW,UAAU,KAAK;AAEpD,SAAO,EAAE,yBAAyB;AAAA,IAChC,EAAE,qBAAqB,EAAE,UAAU,UAAU,QAAQ,WAAA,GAAc,EAAE;AAAA,IACrE,EAAE,GAAG,qBAAqB,YAAY,IAAI,EAAE,gBAAgB;AAAA,MAC1D,UAAU;AAAA,IAAA,CACX;AAAA,EAAA,CACF;AACH;AAEA,SAAS,eAAe,EAAE,UAAU,UAAU,SAAS,GAAG,QAAQ;AAChE,QAAM,UAAU,WAAA;AAEhB,MAAI,UAAU;AACd,MAAI,YAAY,MAAM;AACpB,eAAW,OAAO,QAAQ;AAAA,EAC5B;AACA,aAAW;AAEX,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,WAAW,EAAE,MAAM,EAAE,MAAM,QAAQ,MAAM,IAAI;AAAA,MAC7C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AACR,kBAAU,UAAU,UAAU,OAAO,SAAS,IAAI,EAAE;AAAA,UAClD,MAAM;AACJ,qBAAS,KAAK;AAAA,cACZ;AAAA,cACA,QAAQ;AAAA,cACR,MAAM;AAAA,cACN,SAAS;AAAA,YAAA,CACV;AACD,sBAAA;AAAA,UACF;AAAA,UACA,MAAM;AACJ,qBAAS,KAAK;AAAA,cACZ,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,MAAM;AAAA,cACN,SAAS;AAAA,YAAA,CACV;AAAA,UACH;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,IAEL,YAAY;AAAA,EAAA;AAEhB;AAcO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,MAAI,aAAa;AACjB,MAAI,UAAU,QAAQ,YAAY,MAAM;AACtC,iBAAa,EAAE,gBAAgB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAAA,CACf;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,WAAW,WAAW,WAAW,EAAE,gBAAgB,aAAa;AAAA,IAAA;AAAA,IAElE;AAAA,MACE;AAAA,MACA;AAAA,MACA,EAAE,YAAY;AAAA,MACd,EAAE,GAAG,YAAY,IAAI,EAAE,cAAc;AAAA,QACnC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,EAAE,GAAG,aAAa,IAAI,EAAE,WAAW;AAAA,QACjC;AAAA,QACA,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,EAAE,GAAG,WAAW,IAAI,EAAE,QAAQ;AAAA,QAC5B,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/location-panel/index.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h$1 = require("@macrostrat/hyper");
+const header = require("./header.cjs");
+const classNames = require("classnames");
+const main_module = require("./main.module.sass.cjs");
+const uiComponents = require("@macrostrat/ui-components");
+const container = require("../container.cjs");
+const h = h$1.styled(main_module.default);
+function InfoDrawerContainer(props) {
+  const className = classNames("infodrawer", props.className);
+  return h(container.PanelCard, { ...props, className });
+}
+function BaseInfoDrawer(props) {
+  const {
+    className,
+    headerElement = null,
+    title,
+    onClose,
+    children,
+    contentContainer = "div.infodrawer-contents",
+    ...rest
+  } = props;
+  const header$1 = headerElement ?? h(header.InfoDrawerHeader, { onClose, ...rest }, [
+    title == null ? null : h("h3", [title])
+  ]);
+  return h(InfoDrawerContainer, { className }, [
+    header$1,
+    h("div.infodrawer-body", h(uiComponents.ErrorBoundary, h(contentContainer, children)))
+  ]);
+}
+const DetailsPanel = BaseInfoDrawer;
+function LocationPanel(props) {
+  const { children, className, loading = false, ...rest } = props;
+  const cls = classNames("location-panel", className, { loading });
+  return h(BaseInfoDrawer, { className: cls, ...rest }, children);
+}
+exports.BaseInfoDrawer = BaseInfoDrawer;
+exports.DetailsPanel = DetailsPanel;
+exports.InfoDrawerContainer = InfoDrawerContainer;
+exports.LocationPanel = LocationPanel;
+//# sourceMappingURL=index.cjs.map