@macrostrat/map-interface 1.6.0 → 2.0.1

package/dist/dev/xray.js

@@ -0,0 +1,93 @@
+import { getMapboxStyle, mergeStyles } from "@macrostrat/mapbox-utils";
+import { asChromaColor, toRGBAString } from "@macrostrat/color-utils";
+async function buildXRayStyle(baseStyle, params = null) {
+  const {
+    inDarkMode = false,
+    color = "rgb(74, 242, 161)",
+    mapboxToken,
+    xRaySources
+  } = params;
+  const style = await getMapboxStyle(baseStyle, { access_token: mapboxToken });
+  const sources = xRaySources ?? Object.keys(style.sources);
+  let layers = [];
+  for (let layer of style.layers) {
+    if ("source" in layer && typeof layer.source === "string" && !sources.includes(layer.source)) {
+      layers.push(layer);
+      continue;
+    }
+    let newLayer = transformMapboxLayer(layer, color, inDarkMode);
+    if (newLayer != null) {
+      layers.push(newLayer);
+    }
+  }
+  return {
+    ...style,
+    layers
+  };
+}
+function transformMapboxLayer(layer, color, inDarkMode) {
+  const c = asChromaColor(color);
+  const xRayColor = (opacity = 1, darken = 0) => {
+    if (!inDarkMode) {
+      return toRGBAString(c.darken(2 - darken).alpha(opacity));
+    }
+    return toRGBAString(c.alpha(opacity).darken(darken));
+  };
+  if (layer.type == "background") {
+    return null;
+  }
+  let newLayer = { ...layer };
+  console.log(xRayColor(0.5));
+  if (layer.type == "fill") {
+    newLayer.paint = {
+      "fill-color": xRayColor(0.1),
+      "fill-outline-color": xRayColor(0.5)
+    };
+  } else if (layer.type == "line") {
+    newLayer.paint = {
+      "line-color": xRayColor(0.5, 0),
+      "line-width": 1.5
+    };
+  } else if (layer.type == "symbol") {
+    newLayer.paint = {
+      "text-color": xRayColor(1, -0.5),
+      "text-halo-color": "#000"
+    };
+  } else if (layer.type == "circle") {
+    newLayer.paint = {
+      "circle-color": xRayColor(0.5, 0),
+      "circle-stroke-color": xRayColor(0.5, 1),
+      "circle-radius": 2
+    };
+  }
+  return newLayer;
+}
+async function buildInspectorStyle(baseStyle, overlayStyle = null, params = {}) {
+  const {
+    mapboxToken,
+    xRay = false,
+    xRaySources: _xRaySources,
+    ...rest
+  } = params;
+  let xRaySources = _xRaySources;
+  let style = await getMapboxStyle(baseStyle, {
+    access_token: mapboxToken
+  });
+  if (overlayStyle != null) {
+    const overlay = await getMapboxStyle(overlayStyle, {
+      access_token: mapboxToken
+    });
+    style = mergeStyles(style, overlay);
+    xRaySources ??= Object.keys(overlay.sources);
+  }
+  if (xRay) {
+    xRaySources ??= Object.keys(style.sources);
+    style = await buildXRayStyle(style, { ...rest, mapboxToken, xRaySources });
+  }
+  return style;
+}
+export {
+  buildInspectorStyle,
+  buildXRayStyle
+};
+//# sourceMappingURL=xray.js.map

package/dist/dev/xray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xray.js","sources":["../../src/dev/xray.ts"],"sourcesContent":["import { getMapboxStyle, mergeStyles } from \"@macrostrat/mapbox-utils\";\nimport { asChromaColor, toRGBAString } from \"@macrostrat/color-utils\";\nimport mapboxgl from \"mapbox-gl\";\n\ninterface XRayOptions {\n  color?: string;\n  inDarkMode?: boolean;\n  mapboxToken?: string;\n  xRaySources?: string[];\n}\n\nexport async function buildXRayStyle(\n  baseStyle: string | object,\n  params: XRayOptions = null,\n) {\n  const {\n    inDarkMode = false,\n    color = \"rgb(74, 242, 161)\",\n    mapboxToken,\n    xRaySources,\n  } = params;\n  const style = await getMapboxStyle(baseStyle, { access_token: mapboxToken });\n  const sources = xRaySources ?? Object.keys(style.sources);\n\n  let layers = [];\n  for (let layer of style.layers) {\n    if (\n      \"source\" in layer &&\n      typeof layer.source === \"string\" &&\n      !sources.includes(layer.source)\n    ) {\n      layers.push(layer);\n      continue;\n    }\n    let newLayer = transformMapboxLayer(layer, color, inDarkMode);\n    if (newLayer != null) {\n      layers.push(newLayer);\n    }\n  }\n\n  return {\n    ...style,\n    layers,\n  };\n}\n\nfunction transformMapboxLayer(layer, color, inDarkMode) {\n  const c = asChromaColor(color);\n  const xRayColor = (opacity = 1, darken = 0) => {\n    if (!inDarkMode) {\n      return toRGBAString(c.darken(2 - darken).alpha(opacity));\n    }\n    return toRGBAString(c.alpha(opacity).darken(darken));\n  };\n\n  if (layer.type == \"background\") {\n    return null;\n  }\n\n  let newLayer = { ...layer };\n\n  console.log(xRayColor(0.5));\n\n  if (layer.type == \"fill\") {\n    newLayer.paint = {\n      \"fill-color\": xRayColor(0.1),\n      \"fill-outline-color\": xRayColor(0.5),\n    };\n  } else if (layer.type == \"line\") {\n    newLayer.paint = {\n      \"line-color\": xRayColor(0.5, 0),\n      \"line-width\": 1.5,\n    };\n  } else if (layer.type == \"symbol\") {\n    newLayer.paint = {\n      \"text-color\": xRayColor(1, -0.5),\n      \"text-halo-color\": \"#000\",\n    };\n  } else if (layer.type == \"circle\") {\n    newLayer.paint = {\n      \"circle-color\": xRayColor(0.5, 0),\n      \"circle-stroke-color\": xRayColor(0.5, 1),\n      \"circle-radius\": 2,\n    };\n  }\n\n  return newLayer;\n}\n\ntype InspectorStyleOptions = XRayOptions & {\n  xRay?: boolean;\n};\n\nexport async function buildInspectorStyle(\n  baseStyle: mapboxgl.Style | string,\n  overlayStyle: mapboxgl.Style | string | null = null,\n  params: InspectorStyleOptions = {},\n) {\n  const {\n    mapboxToken,\n    xRay = false,\n    xRaySources: _xRaySources,\n    ...rest\n  } = params;\n  let xRaySources = _xRaySources;\n  let style = await getMapboxStyle(baseStyle, {\n    access_token: mapboxToken,\n  });\n\n  if (overlayStyle != null) {\n    const overlay = await getMapboxStyle(overlayStyle, {\n      access_token: mapboxToken,\n    });\n    style = mergeStyles(style, overlay);\n    xRaySources ??= Object.keys(overlay.sources);\n  }\n\n  if (xRay) {\n    // If we haven't specified sources, then we'll use all of them\n    xRaySources ??= Object.keys(style.sources);\n\n    style = await buildXRayStyle(style, { ...rest, mapboxToken, xRaySources });\n  }\n  return style;\n}\n"],"names":[],"mappings":";;AAWA,eAAsB,eACpB,WACA,SAAsB,MACtB;AACA,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,QAAQ,MAAM,eAAe,WAAW,EAAE,cAAc,aAAa;AAC3E,QAAM,UAAU,eAAe,OAAO,KAAK,MAAM,OAAO;AAExD,MAAI,SAAS,CAAA;AACb,WAAS,SAAS,MAAM,QAAQ;AAC9B,QACE,YAAY,SACZ,OAAO,MAAM,WAAW,YACxB,CAAC,QAAQ,SAAS,MAAM,MAAM,GAC9B;AACA,aAAO,KAAK,KAAK;AACjB;AAAA,IACF;AACA,QAAI,WAAW,qBAAqB,OAAO,OAAO,UAAU;AAC5D,QAAI,YAAY,MAAM;AACpB,aAAO,KAAK,QAAQ;AAAA,IACtB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EAAA;AAEJ;AAEA,SAAS,qBAAqB,OAAO,OAAO,YAAY;AACtD,QAAM,IAAI,cAAc,KAAK;AAC7B,QAAM,YAAY,CAAC,UAAU,GAAG,SAAS,MAAM;AAC7C,QAAI,CAAC,YAAY;AACf,aAAO,aAAa,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,OAAO,CAAC;AAAA,IACzD;AACA,WAAO,aAAa,EAAE,MAAM,OAAO,EAAE,OAAO,MAAM,CAAC;AAAA,EACrD;AAEA,MAAI,MAAM,QAAQ,cAAc;AAC9B,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,EAAE,GAAG,MAAA;AAEpB,UAAQ,IAAI,UAAU,GAAG,CAAC;AAE1B,MAAI,MAAM,QAAQ,QAAQ;AACxB,aAAS,QAAQ;AAAA,MACf,cAAc,UAAU,GAAG;AAAA,MAC3B,sBAAsB,UAAU,GAAG;AAAA,IAAA;AAAA,EAEvC,WAAW,MAAM,QAAQ,QAAQ;AAC/B,aAAS,QAAQ;AAAA,MACf,cAAc,UAAU,KAAK,CAAC;AAAA,MAC9B,cAAc;AAAA,IAAA;AAAA,EAElB,WAAW,MAAM,QAAQ,UAAU;AACjC,aAAS,QAAQ;AAAA,MACf,cAAc,UAAU,GAAG,IAAI;AAAA,MAC/B,mBAAmB;AAAA,IAAA;AAAA,EAEvB,WAAW,MAAM,QAAQ,UAAU;AACjC,aAAS,QAAQ;AAAA,MACf,gBAAgB,UAAU,KAAK,CAAC;AAAA,MAChC,uBAAuB,UAAU,KAAK,CAAC;AAAA,MACvC,iBAAiB;AAAA,IAAA;AAAA,EAErB;AAEA,SAAO;AACT;AAMA,eAAsB,oBACpB,WACA,eAA+C,MAC/C,SAAgC,CAAA,GAChC;AACA,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,aAAa;AAAA,IACb,GAAG;AAAA,EAAA,IACD;AACJ,MAAI,cAAc;AAClB,MAAI,QAAQ,MAAM,eAAe,WAAW;AAAA,IAC1C,cAAc;AAAA,EAAA,CACf;AAED,MAAI,gBAAgB,MAAM;AACxB,UAAM,UAAU,MAAM,eAAe,cAAc;AAAA,MACjD,cAAc;AAAA,IAAA,CACf;AACD,YAAQ,YAAY,OAAO,OAAO;AAClC,oBAAgB,OAAO,KAAK,QAAQ,OAAO;AAAA,EAC7C;AAEA,MAAI,MAAM;AAER,oBAAgB,OAAO,KAAK,MAAM,OAAO;AAEzC,YAAQ,MAAM,eAAe,OAAO,EAAE,GAAG,MAAM,aAAa,aAAa;AAAA,EAC3E;AACA,SAAO;AACT;"}

package/dist/expansion-panel/headers.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h$1 = require("@macrostrat/hyper");
+const main_module = require("./main.module.sass.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const h__default = /* @__PURE__ */ _interopDefault(h$1);
+const h = h__default.default.styled(main_module.default);
+function PanelSubhead(props) {
+  const { title, component = "h3", children, ...rest } = props;
+  return h("div.panel-subhead", rest, [
+    h(
+      component,
+      {
+        className: "title"
+      },
+      title
+    ),
+    children
+  ]);
+}
+exports.PanelSubhead = PanelSubhead;
+//# sourceMappingURL=headers.cjs.map

package/dist/expansion-panel/headers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.cjs","sources":["../../src/expansion-panel/headers.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\n\nconst h = hyper.styled(styles);\n\nexport function PanelSubhead(props) {\n  const { title, component = \"h3\", children, ...rest } = props;\n  return h(\"div.panel-subhead\", rest, [\n    h(\n      component,\n      {\n        className: \"title\",\n      },\n      title,\n    ),\n    children,\n  ]);\n}\n"],"names":["hyper","styles"],"mappings":";;;;;;AAGA,MAAM,IAAIA,WAAAA,QAAM,OAAOC,mBAAM;AAEtB,SAAS,aAAa,OAAO;AAClC,QAAM,EAAE,OAAO,YAAY,MAAM,UAAU,GAAG,SAAS;AACvD,SAAO,EAAE,qBAAqB,MAAM;AAAA,IAClC;AAAA,MACE;AAAA,MACA;AAAA,QACE,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA,CACD;AACH;;"}

package/dist/expansion-panel/headers.d.ts

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

package/dist/expansion-panel/headers.js

@@ -0,0 +1,20 @@
+import h$1 from "@macrostrat/hyper";
+import styles from "./main.module.sass.js";
+const h = h$1.styled(styles);
+function PanelSubhead(props) {
+  const { title, component = "h3", children, ...rest } = props;
+  return h("div.panel-subhead", rest, [
+    h(
+      component,
+      {
+        className: "title"
+      },
+      title
+    ),
+    children
+  ]);
+}
+export {
+  PanelSubhead
+};
+//# sourceMappingURL=headers.js.map

package/dist/expansion-panel/headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.js","sources":["../../src/expansion-panel/headers.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\n\nconst h = hyper.styled(styles);\n\nexport function PanelSubhead(props) {\n  const { title, component = \"h3\", children, ...rest } = props;\n  return h(\"div.panel-subhead\", rest, [\n    h(\n      component,\n      {\n        className: \"title\",\n      },\n      title,\n    ),\n    children,\n  ]);\n}\n"],"names":["hyper"],"mappings":";;AAGA,MAAM,IAAIA,IAAM,OAAO,MAAM;AAEtB,SAAS,aAAa,OAAO;AAClC,QAAM,EAAE,OAAO,YAAY,MAAM,UAAU,GAAG,SAAS;AACvD,SAAO,EAAE,qBAAqB,MAAM;AAAA,IAClC;AAAA,MACE;AAAA,MACA;AAAA,QACE,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA,CACD;AACH;"}

package/dist/expansion-panel/index.cjs

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, 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 classNames = require("classnames");
+const headers = require("./headers.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const h__default = /* @__PURE__ */ _interopDefault(h$1);
+const classNames__default = /* @__PURE__ */ _interopDefault(classNames);
+const h = h__default.default.styled(main_module.default);
+function ExpansionPanelSummary(props) {
+  const { expanded, children, onChange, className, title, titleComponent } = props;
+  const icon = expanded ? "chevron-up" : "chevron-down";
+  return h(
+    headers.PanelSubhead,
+    {
+      className: classNames__default.default("expansion-panel-header", className),
+      onClick: onChange,
+      title,
+      component: titleComponent
+    },
+    [children, h(core.Icon, { icon, className: "expansion-panel-icon" })]
+  );
+}
+function ExpansionPanelBase(props) {
+  let {
+    title,
+    titleComponent = "h3",
+    children,
+    expanded,
+    helpText,
+    onChange = () => {
+    },
+    sideComponent = null,
+    className
+  } = props;
+  const [isOpen, setOpen] = React.useState(expanded || false);
+  const onChange_ = () => {
+    onChange();
+    setOpen(!isOpen);
+  };
+  return h(
+    "div.expansion-panel-base",
+    {
+      className: classNames__default.default(className, {
+        expanded: isOpen,
+        collapsed: !isOpen
+      })
+    },
+    [
+      h(
+        ExpansionPanelSummary,
+        {
+          onChange: onChange_,
+          expanded: isOpen,
+          title,
+          titleComponent
+        },
+        h("div.expansion-summary-title-help", [
+          h("span.expansion-panel-subtext", helpText),
+          " ",
+          sideComponent
+        ])
+      ),
+      h(core.Collapse, { isOpen }, h("div.expansion-children", null, children))
+    ]
+  );
+}
+function InfoPanelSection(props) {
+  let { title, children, className, headerElement = null } = props;
+  return h("div.info-panel-section", { className }, [
+    h("div.panel-subhead", null, headerElement ?? h("h3", title)),
+    h("div.panel-content", null, children)
+  ]);
+}
+function ExpansionPanel(props) {
+  return h(ExpansionPanelBase, {
+    ...props,
+    className: "expansion-panel"
+  });
+}
+function SubExpansionPanel(props) {
+  return h(ExpansionPanelBase, {
+    ...props,
+    className: "expansion-panel sub-expansion-panel",
+    titleComponent: "h4"
+  });
+}
+function ExpandableDetailsPanel(props) {
+  let { title, children, value, headerElement, className } = props;
+  const [isOpen, setIsOpen] = React.useState(false);
+  headerElement ??= h([h("div.title", title), value]);
+  return h("div.expandable-details", { className }, [
+    h("div.expandable-details-main", [
+      h("div.expandable-details-header", headerElement),
+      h("div.expandable-details-toggle", [
+        h(core.Button, {
+          small: true,
+          minimal: true,
+          active: isOpen,
+          onClick: () => setIsOpen(!isOpen),
+          icon: "more"
+        })
+      ])
+    ]),
+    h(
+      core.Collapse,
+      { isOpen },
+      h("div.expandable-details-children", null, children)
+    )
+  ]);
+}
+function ExpansionBody({ title, className, children }) {
+  return h("div.expansion-body", { className }, [
+    h("div.expansion-panel-detail-header", title),
+    h("div.expansion-panel-detail-body", null, children)
+  ]);
+}
+exports.PanelSubhead = headers.PanelSubhead;
+exports.ExpandableDetailsPanel = ExpandableDetailsPanel;
+exports.ExpansionBody = ExpansionBody;
+exports.ExpansionPanel = ExpansionPanel;
+exports.ExpansionPanelSummary = ExpansionPanelSummary;
+exports.InfoPanelSection = InfoPanelSection;
+exports.SubExpansionPanel = SubExpansionPanel;
+//# sourceMappingURL=index.cjs.map

package/dist/expansion-panel/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/expansion-panel/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n  const { expanded, children, onChange, className, title, titleComponent } =\n    props;\n  const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n  return h(\n    PanelSubhead,\n    {\n      className: classNames(\"expansion-panel-header\", className),\n      onClick: onChange,\n      title,\n      component: titleComponent,\n    },\n    [children, h(Icon, { icon, className: \"expansion-panel-icon\" })],\n  );\n}\n\nfunction ExpansionPanelBase(props) {\n  let {\n    title,\n    titleComponent = \"h3\",\n    children,\n    expanded,\n    helpText,\n    onChange = () => {},\n    sideComponent = null,\n    className,\n  } = props;\n  const [isOpen, setOpen] = useState(expanded || false);\n\n  const onChange_ = () => {\n    onChange();\n    setOpen(!isOpen);\n  };\n\n  return h(\n    \"div.expansion-panel-base\",\n    {\n      className: classNames(className, {\n        expanded: isOpen,\n        collapsed: !isOpen,\n      }),\n    },\n    [\n      h(\n        ExpansionPanelSummary,\n        {\n          onChange: onChange_,\n          expanded: isOpen,\n          title,\n          titleComponent,\n        },\n        h(\"div.expansion-summary-title-help\", [\n          h(\"span.expansion-panel-subtext\", helpText),\n          \" \",\n          sideComponent,\n        ]),\n      ),\n      h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n    ],\n  );\n}\n\nexport function InfoPanelSection(props) {\n  let { title, children, className, headerElement = null } = props;\n  return h(\"div.info-panel-section\", { className }, [\n    h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n    h(\"div.panel-content\", null, children),\n  ]);\n}\n\nfunction ExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel\",\n  });\n}\n\nfunction SubExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel sub-expansion-panel\",\n    titleComponent: \"h4\",\n  });\n}\n\nfunction ExpandableDetailsPanel(props) {\n  let { title, children, value, headerElement, className } = props;\n  const [isOpen, setIsOpen] = useState(false);\n  headerElement ??= h([h(\"div.title\", title), value]);\n  return h(\"div.expandable-details\", { className }, [\n    h(\"div.expandable-details-main\", [\n      h(\"div.expandable-details-header\", headerElement),\n      h(\"div.expandable-details-toggle\", [\n        h(Button, {\n          small: true,\n          minimal: true,\n          active: isOpen,\n          onClick: () => setIsOpen(!isOpen),\n          icon: \"more\",\n        }),\n      ]),\n    ]),\n    h(\n      Collapse,\n      { isOpen },\n      h(\"div.expandable-details-children\", null, children),\n    ),\n  ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n  return h(\"div.expansion-body\", { className }, [\n    h(\"div.expansion-panel-detail-header\", title),\n    h(\"div.expansion-panel-detail-body\", null, children),\n  ]);\n}\n\nexport {\n  ExpansionPanel,\n  ExpansionPanelSummary,\n  ExpandableDetailsPanel,\n  SubExpansionPanel,\n  ExpansionBody,\n  PanelSubhead,\n};\n"],"names":["hyper","styles","PanelSubhead","classNames","Icon","useState","Collapse","Button"],"mappings":"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"}

package/dist/expansion-panel/index.d.ts

@@ -0,0 +1,18 @@
+import { PanelSubhead } from './headers';
+declare function ExpansionPanelSummary(props: any): import('react').FunctionComponentElement<any>;
+export declare function InfoPanelSection(props: any): import('react').ReactElement<{
+    className: any;
+}, string | import('react').JSXElementConstructor<any>>;
+declare function ExpansionPanel(props: any): import('react').FunctionComponentElement<any>;
+declare function SubExpansionPanel(props: any): import('react').FunctionComponentElement<any>;
+declare function ExpandableDetailsPanel(props: any): import('react').ReactElement<{
+    className: any;
+}, string | import('react').JSXElementConstructor<any>>;
+declare function ExpansionBody({ title, className, children }: {
+    title: any;
+    className: any;
+    children: any;
+}): import('react').ReactElement<{
+    className: any;
+}, string | import('react').JSXElementConstructor<any>>;
+export { ExpansionPanel, ExpansionPanelSummary, ExpandableDetailsPanel, SubExpansionPanel, ExpansionBody, PanelSubhead, };

package/dist/expansion-panel/index.js

@@ -0,0 +1,125 @@
+import { useState } from "react";
+import { Button, Collapse, Icon } from "@blueprintjs/core";
+import h$1 from "@macrostrat/hyper";
+import styles from "./main.module.sass.js";
+import classNames from "classnames";
+import { PanelSubhead } from "./headers.js";
+const h = h$1.styled(styles);
+function ExpansionPanelSummary(props) {
+  const { expanded, children, onChange, className, title, titleComponent } = props;
+  const icon = expanded ? "chevron-up" : "chevron-down";
+  return h(
+    PanelSubhead,
+    {
+      className: classNames("expansion-panel-header", className),
+      onClick: onChange,
+      title,
+      component: titleComponent
+    },
+    [children, h(Icon, { icon, className: "expansion-panel-icon" })]
+  );
+}
+function ExpansionPanelBase(props) {
+  let {
+    title,
+    titleComponent = "h3",
+    children,
+    expanded,
+    helpText,
+    onChange = () => {
+    },
+    sideComponent = null,
+    className
+  } = props;
+  const [isOpen, setOpen] = useState(expanded || false);
+  const onChange_ = () => {
+    onChange();
+    setOpen(!isOpen);
+  };
+  return h(
+    "div.expansion-panel-base",
+    {
+      className: classNames(className, {
+        expanded: isOpen,
+        collapsed: !isOpen
+      })
+    },
+    [
+      h(
+        ExpansionPanelSummary,
+        {
+          onChange: onChange_,
+          expanded: isOpen,
+          title,
+          titleComponent
+        },
+        h("div.expansion-summary-title-help", [
+          h("span.expansion-panel-subtext", helpText),
+          " ",
+          sideComponent
+        ])
+      ),
+      h(Collapse, { isOpen }, h("div.expansion-children", null, children))
+    ]
+  );
+}
+function InfoPanelSection(props) {
+  let { title, children, className, headerElement = null } = props;
+  return h("div.info-panel-section", { className }, [
+    h("div.panel-subhead", null, headerElement ?? h("h3", title)),
+    h("div.panel-content", null, children)
+  ]);
+}
+function ExpansionPanel(props) {
+  return h(ExpansionPanelBase, {
+    ...props,
+    className: "expansion-panel"
+  });
+}
+function SubExpansionPanel(props) {
+  return h(ExpansionPanelBase, {
+    ...props,
+    className: "expansion-panel sub-expansion-panel",
+    titleComponent: "h4"
+  });
+}
+function ExpandableDetailsPanel(props) {
+  let { title, children, value, headerElement, className } = props;
+  const [isOpen, setIsOpen] = useState(false);
+  headerElement ??= h([h("div.title", title), value]);
+  return h("div.expandable-details", { className }, [
+    h("div.expandable-details-main", [
+      h("div.expandable-details-header", headerElement),
+      h("div.expandable-details-toggle", [
+        h(Button, {
+          small: true,
+          minimal: true,
+          active: isOpen,
+          onClick: () => setIsOpen(!isOpen),
+          icon: "more"
+        })
+      ])
+    ]),
+    h(
+      Collapse,
+      { isOpen },
+      h("div.expandable-details-children", null, children)
+    )
+  ]);
+}
+function ExpansionBody({ title, className, children }) {
+  return h("div.expansion-body", { className }, [
+    h("div.expansion-panel-detail-header", title),
+    h("div.expansion-panel-detail-body", null, children)
+  ]);
+}
+export {
+  ExpandableDetailsPanel,
+  ExpansionBody,
+  ExpansionPanel,
+  ExpansionPanelSummary,
+  InfoPanelSection,
+  PanelSubhead,
+  SubExpansionPanel
+};
+//# sourceMappingURL=index.js.map

package/dist/expansion-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/expansion-panel/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n  const { expanded, children, onChange, className, title, titleComponent } =\n    props;\n  const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n  return h(\n    PanelSubhead,\n    {\n      className: classNames(\"expansion-panel-header\", className),\n      onClick: onChange,\n      title,\n      component: titleComponent,\n    },\n    [children, h(Icon, { icon, className: \"expansion-panel-icon\" })],\n  );\n}\n\nfunction ExpansionPanelBase(props) {\n  let {\n    title,\n    titleComponent = \"h3\",\n    children,\n    expanded,\n    helpText,\n    onChange = () => {},\n    sideComponent = null,\n    className,\n  } = props;\n  const [isOpen, setOpen] = useState(expanded || false);\n\n  const onChange_ = () => {\n    onChange();\n    setOpen(!isOpen);\n  };\n\n  return h(\n    \"div.expansion-panel-base\",\n    {\n      className: classNames(className, {\n        expanded: isOpen,\n        collapsed: !isOpen,\n      }),\n    },\n    [\n      h(\n        ExpansionPanelSummary,\n        {\n          onChange: onChange_,\n          expanded: isOpen,\n          title,\n          titleComponent,\n        },\n        h(\"div.expansion-summary-title-help\", [\n          h(\"span.expansion-panel-subtext\", helpText),\n          \" \",\n          sideComponent,\n        ]),\n      ),\n      h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n    ],\n  );\n}\n\nexport function InfoPanelSection(props) {\n  let { title, children, className, headerElement = null } = props;\n  return h(\"div.info-panel-section\", { className }, [\n    h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n    h(\"div.panel-content\", null, children),\n  ]);\n}\n\nfunction ExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel\",\n  });\n}\n\nfunction SubExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel sub-expansion-panel\",\n    titleComponent: \"h4\",\n  });\n}\n\nfunction ExpandableDetailsPanel(props) {\n  let { title, children, value, headerElement, className } = props;\n  const [isOpen, setIsOpen] = useState(false);\n  headerElement ??= h([h(\"div.title\", title), value]);\n  return h(\"div.expandable-details\", { className }, [\n    h(\"div.expandable-details-main\", [\n      h(\"div.expandable-details-header\", headerElement),\n      h(\"div.expandable-details-toggle\", [\n        h(Button, {\n          small: true,\n          minimal: true,\n          active: isOpen,\n          onClick: () => setIsOpen(!isOpen),\n          icon: \"more\",\n        }),\n      ]),\n    ]),\n    h(\n      Collapse,\n      { isOpen },\n      h(\"div.expandable-details-children\", null, children),\n    ),\n  ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n  return h(\"div.expansion-body\", { className }, [\n    h(\"div.expansion-panel-detail-header\", title),\n    h(\"div.expansion-panel-detail-body\", null, children),\n  ]);\n}\n\nexport {\n  ExpansionPanel,\n  ExpansionPanelSummary,\n  ExpandableDetailsPanel,\n  SubExpansionPanel,\n  ExpansionBody,\n  PanelSubhead,\n};\n"],"names":["hyper"],"mappings":"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"}

package/dist/expansion-panel/main.module.sass.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const title = "_title_1phba_23";
+const styles = {
+  "panel-subhead": "_panel-subhead_1phba_1",
+  title,
+  "expansion-panel-icon": "_expansion-panel-icon_1phba_26",
+  "info-panel-section": "_info-panel-section_1phba_30",
+  "expansion-panel": "_expansion-panel_1phba_26",
+  "sub-expansion-panel": "_sub-expansion-panel_1phba_40",
+  "expansion-panel-header": "_expansion-panel-header_1phba_44",
+  "expansion-summary-title-help": "_expansion-summary-title-help_1phba_66",
+  "expansion-children": "_expansion-children_1phba_83",
+  "expansion-panel-subtext": "_expansion-panel-subtext_1phba_100",
+  "expandable-details-main": "_expandable-details-main_1phba_116",
+  "expandable-details-header": "_expandable-details-header_1phba_124",
+  "expandable-details-children": "_expandable-details-children_1phba_131",
+  "expandable-details-toggle": "_expandable-details-toggle_1phba_135",
+  "expandable-details": "_expandable-details_1phba_116",
+  "macrostrat-unit": "_macrostrat-unit_1phba_139",
+  "expansion-body": "_expansion-body_1phba_149",
+  "expansion-panel-detail-header": "_expansion-panel-detail-header_1phba_160",
+  "expansion-panel-detail-body": "_expansion-panel-detail-body_1phba_171"
+};
+exports.default = styles;
+exports.title = title;
+//# sourceMappingURL=main.module.sass.cjs.map

package/dist/expansion-panel/main.module.sass.cjs.map

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

package/dist/expansion-panel/main.module.sass.js

@@ -0,0 +1,27 @@
+const title = "_title_1phba_23";
+const styles = {
+  "panel-subhead": "_panel-subhead_1phba_1",
+  title,
+  "expansion-panel-icon": "_expansion-panel-icon_1phba_26",
+  "info-panel-section": "_info-panel-section_1phba_30",
+  "expansion-panel": "_expansion-panel_1phba_26",
+  "sub-expansion-panel": "_sub-expansion-panel_1phba_40",
+  "expansion-panel-header": "_expansion-panel-header_1phba_44",
+  "expansion-summary-title-help": "_expansion-summary-title-help_1phba_66",
+  "expansion-children": "_expansion-children_1phba_83",
+  "expansion-panel-subtext": "_expansion-panel-subtext_1phba_100",
+  "expandable-details-main": "_expandable-details-main_1phba_116",
+  "expandable-details-header": "_expandable-details-header_1phba_124",
+  "expandable-details-children": "_expandable-details-children_1phba_131",
+  "expandable-details-toggle": "_expandable-details-toggle_1phba_135",
+  "expandable-details": "_expandable-details_1phba_116",
+  "macrostrat-unit": "_macrostrat-unit_1phba_139",
+  "expansion-body": "_expansion-body_1phba_149",
+  "expansion-panel-detail-header": "_expansion-panel-detail-header_1phba_160",
+  "expansion-panel-detail-body": "_expansion-panel-detail-body_1phba_171"
+};
+export {
+  styles as default,
+  title
+};
+//# sourceMappingURL=main.module.sass.js.map

package/dist/expansion-panel/main.module.sass.js.map

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

package/dist/hash-string.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const mapboxUtils = require("@macrostrat/mapbox-utils");
+const fmt1 = (x) => x.toFixed(1);
+const fmt2 = (x) => x.toFixed(2);
+const fmtInt = (x) => Math.round(x).toString();
+function applyMapPositionToHash(args, mapPosition) {
+  const pos = mapPosition?.camera;
+  if (pos == null) return;
+  const zoom = mapPosition.target?.zoom;
+  args.x = mapboxUtils.formatCoordForZoomLevel(pos.lng, zoom);
+  args.y = mapboxUtils.formatCoordForZoomLevel(pos.lat, zoom);
+  if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) {
+    args.z = fmt1(zoom);
+  } else if (pos.altitude != null) {
+    if (pos.altitude > 5e3) {
+      args.z = fmt2(pos.altitude / 1e3) + "km";
+    } else {
+      args.z = fmtInt(pos.altitude) + "m";
+    }
+  }
+  if (pos.bearing != 0) {
+    let az = pos.bearing;
+    if (az < 0) az += 360;
+    args.a = fmtInt(az);
+  }
+  if (pos.pitch != 0) {
+    args.e = fmtInt(pos.pitch);
+  }
+}
+function _fmt(x) {
+  if (Array.isArray(x)) {
+    x = x[0];
+  }
+  return parseFloat(x.toString());
+}
+function getMapPositionForHash(hashData, centerPosition) {
+  const {
+    x = centerPosition?.lng ?? 0,
+    y = centerPosition?.lat ?? 0,
+    // Different default for zoom depending on whether we have a marker
+    z = centerPosition != null ? 7 : 2,
+    a = 0,
+    e = 0
+  } = hashData;
+  const lng = _fmt(x);
+  const lat = _fmt(y);
+  let altitude = null;
+  let zoom = null;
+  const _z = z.toString();
+  if (_z.endsWith("km")) {
+    altitude = _fmt(_z.substring(0, _z.length - 2)) * 1e3;
+  } else if (_z.endsWith("m")) {
+    altitude = _fmt(_z.substring(0, _z.length - 1));
+  } else {
+    zoom = _fmt(z);
+  }
+  const bearing = _fmt(a);
+  const pitch = _fmt(e);
+  let target = void 0;
+  if (bearing == 0 && pitch == 0 && zoom != null) {
+    target = {
+      lat,
+      lng,
+      zoom
+    };
+  }
+  return {
+    camera: {
+      lng: _fmt(x),
+      lat: _fmt(y),
+      altitude,
+      bearing: _fmt(a),
+      pitch: _fmt(e)
+    },
+    target
+  };
+}
+exports.applyMapPositionToHash = applyMapPositionToHash;
+exports.getMapPositionForHash = getMapPositionForHash;
+//# sourceMappingURL=hash-string.cjs.map

package/dist/hash-string.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-string.cjs","sources":["../src/hash-string.ts"],"sourcesContent":["import {\n  LatLng,\n  MapPosition,\n  formatCoordForZoomLevel,\n} from \"@macrostrat/mapbox-utils\";\nimport { ParsedQuery } from \"query-string\";\n\ninterface LocationHashParams {\n  x?: string;\n  y?: string;\n  z?: string;\n  a?: string;\n  e?: string;\n}\n\nconst fmt1 = (x: number) => x.toFixed(1);\nconst fmt2 = (x: number) => x.toFixed(2);\nconst fmtInt = (x: number) => Math.round(x).toString();\n\nexport function applyMapPositionToHash(\n  args: LocationHashParams,\n  mapPosition: MapPosition | null,\n) {\n  const pos = mapPosition?.camera;\n  if (pos == null) return;\n  const zoom = mapPosition.target?.zoom;\n\n  args.x = formatCoordForZoomLevel(pos.lng, zoom);\n  args.y = formatCoordForZoomLevel(pos.lat, zoom);\n\n  if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) {\n    args.z = fmt1(zoom);\n  } else if (pos.altitude != null) {\n    if (pos.altitude > 5000) {\n      args.z = fmt2(pos.altitude / 1000) + \"km\";\n    } else {\n      args.z = fmtInt(pos.altitude) + \"m\";\n    }\n  }\n  if (pos.bearing != 0) {\n    let az = pos.bearing;\n    if (az < 0) az += 360;\n    args.a = fmtInt(az);\n  }\n  if (pos.pitch != 0) {\n    args.e = fmtInt(pos.pitch);\n  }\n}\n\nfunction _fmt(x: string | number | string[]) {\n  if (Array.isArray(x)) {\n    x = x[0];\n  }\n  return parseFloat(x.toString());\n}\n\nexport function getMapPositionForHash(\n  hashData: ParsedQuery<string>,\n  centerPosition: LatLng | null,\n): MapPosition {\n  const {\n    x = centerPosition?.lng ?? 0,\n    y = centerPosition?.lat ?? 0,\n    // Different default for zoom depending on whether we have a marker\n    z = centerPosition != null ? 7 : 2,\n    a = 0,\n    e = 0,\n  } = hashData;\n\n  const lng = _fmt(x);\n  const lat = _fmt(y);\n\n  let altitude = null;\n  let zoom = null;\n  const _z = z.toString();\n  if (_z.endsWith(\"km\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 2)) * 1000;\n  } else if (_z.endsWith(\"m\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 1));\n  } else {\n    zoom = _fmt(z);\n  }\n  const bearing = _fmt(a);\n  const pitch = _fmt(e);\n\n  let target = undefined;\n  if (bearing == 0 && pitch == 0 && zoom != null) {\n    target = {\n      lat,\n      lng,\n      zoom,\n    };\n  }\n\n  return {\n    camera: {\n      lng: _fmt(x),\n      lat: _fmt(y),\n      altitude,\n      bearing: _fmt(a),\n      pitch: _fmt(e),\n    },\n    target,\n  };\n}\n"],"names":["formatCoordForZoomLevel"],"mappings":";;;AAeA,MAAM,OAAO,CAAC,MAAc,EAAE,QAAQ,CAAC;AACvC,MAAM,OAAO,CAAC,MAAc,EAAE,QAAQ,CAAC;AACvC,MAAM,SAAS,CAAC,MAAc,KAAK,MAAM,CAAC,EAAE,SAAA;AAErC,SAAS,uBACd,MACA,aACA;AACA,QAAM,MAAM,aAAa;AACzB,MAAI,OAAO,KAAM;AACjB,QAAM,OAAO,YAAY,QAAQ;AAEjC,OAAK,IAAIA,YAAAA,wBAAwB,IAAI,KAAK,IAAI;AAC9C,OAAK,IAAIA,YAAAA,wBAAwB,IAAI,KAAK,IAAI;AAE9C,MAAI,IAAI,WAAW,KAAK,IAAI,SAAS,KAAK,QAAQ,MAAM;AACtD,SAAK,IAAI,KAAK,IAAI;AAAA,EACpB,WAAW,IAAI,YAAY,MAAM;AAC/B,QAAI,IAAI,WAAW,KAAM;AACvB,WAAK,IAAI,KAAK,IAAI,WAAW,GAAI,IAAI;AAAA,IACvC,OAAO;AACL,WAAK,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,IAClC;AAAA,EACF;AACA,MAAI,IAAI,WAAW,GAAG;AACpB,QAAI,KAAK,IAAI;AACb,QAAI,KAAK,EAAG,OAAM;AAClB,SAAK,IAAI,OAAO,EAAE;AAAA,EACpB;AACA,MAAI,IAAI,SAAS,GAAG;AAClB,SAAK,IAAI,OAAO,IAAI,KAAK;AAAA,EAC3B;AACF;AAEA,SAAS,KAAK,GAA+B;AAC3C,MAAI,MAAM,QAAQ,CAAC,GAAG;AACpB,QAAI,EAAE,CAAC;AAAA,EACT;AACA,SAAO,WAAW,EAAE,UAAU;AAChC;AAEO,SAAS,sBACd,UACA,gBACa;AACb,QAAM;AAAA,IACJ,IAAI,gBAAgB,OAAO;AAAA,IAC3B,IAAI,gBAAgB,OAAO;AAAA;AAAA,IAE3B,IAAI,kBAAkB,OAAO,IAAI;AAAA,IACjC,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,IACF;AAEJ,QAAM,MAAM,KAAK,CAAC;AAClB,QAAM,MAAM,KAAK,CAAC;AAElB,MAAI,WAAW;AACf,MAAI,OAAO;AACX,QAAM,KAAK,EAAE,SAAA;AACb,MAAI,GAAG,SAAS,IAAI,GAAG;AACrB,eAAW,KAAK,GAAG,UAAU,GAAG,GAAG,SAAS,CAAC,CAAC,IAAI;AAAA,EACpD,WAAW,GAAG,SAAS,GAAG,GAAG;AAC3B,eAAW,KAAK,GAAG,UAAU,GAAG,GAAG,SAAS,CAAC,CAAC;AAAA,EAChD,OAAO;AACL,WAAO,KAAK,CAAC;AAAA,EACf;AACA,QAAM,UAAU,KAAK,CAAC;AACtB,QAAM,QAAQ,KAAK,CAAC;AAEpB,MAAI,SAAS;AACb,MAAI,WAAW,KAAK,SAAS,KAAK,QAAQ,MAAM;AAC9C,aAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,KAAK,KAAK,CAAC;AAAA,MACX,KAAK,KAAK,CAAC;AAAA,MACX;AAAA,MACA,SAAS,KAAK,CAAC;AAAA,MACf,OAAO,KAAK,CAAC;AAAA,IAAA;AAAA,IAEf;AAAA,EAAA;AAEJ;;;"}

package/dist/hash-string.d.ts

@@ -0,0 +1,12 @@
+import { LatLng, MapPosition } from '@macrostrat/mapbox-utils';
+import { ParsedQuery } from 'query-string';
+interface LocationHashParams {
+    x?: string;
+    y?: string;
+    z?: string;
+    a?: string;
+    e?: string;
+}
+export declare function applyMapPositionToHash(args: LocationHashParams, mapPosition: MapPosition | null): void;
+export declare function getMapPositionForHash(hashData: ParsedQuery<string>, centerPosition: LatLng | null): MapPosition;
+export {};