@macrostrat/column-views 2.0.0 → 2.1.0

package/dist/esm/column-views.8e7b01d2.js

@@ -0,0 +1,43 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $0d0ee39bbd91096d$exports = {};
+
+$parcel$export($0d0ee39bbd91096d$exports, "content", () => $0d0ee39bbd91096d$export$a7db06668cad9adb, (v) => $0d0ee39bbd91096d$export$a7db06668cad9adb = v);
+$parcel$export($0d0ee39bbd91096d$exports, "data-container", () => $0d0ee39bbd91096d$export$10db337eeb771240, (v) => $0d0ee39bbd91096d$export$10db337eeb771240 = v);
+$parcel$export($0d0ee39bbd91096d$exports, "data-field", () => $0d0ee39bbd91096d$export$bb66d3d95d8b38e6, (v) => $0d0ee39bbd91096d$export$bb66d3d95d8b38e6 = v);
+$parcel$export($0d0ee39bbd91096d$exports, "flex", () => $0d0ee39bbd91096d$export$97691fbb80847c19, (v) => $0d0ee39bbd91096d$export$97691fbb80847c19 = v);
+$parcel$export($0d0ee39bbd91096d$exports, "inline", () => $0d0ee39bbd91096d$export$18c8ad048e32c7d5, (v) => $0d0ee39bbd91096d$export$18c8ad048e32c7d5 = v);
+$parcel$export($0d0ee39bbd91096d$exports, "label", () => $0d0ee39bbd91096d$export$1237798dc640739a, (v) => $0d0ee39bbd91096d$export$1237798dc640739a = v);
+$parcel$export($0d0ee39bbd91096d$exports, "parenthetical", () => $0d0ee39bbd91096d$export$1d02494d67adba65, (v) => $0d0ee39bbd91096d$export$1d02494d67adba65 = v);
+$parcel$export($0d0ee39bbd91096d$exports, "sep", () => $0d0ee39bbd91096d$export$5aee1a5bd9743d8f, (v) => $0d0ee39bbd91096d$export$5aee1a5bd9743d8f = v);
+$parcel$export($0d0ee39bbd91096d$exports, "tag-field", () => $0d0ee39bbd91096d$export$1fccac577aeb7179, (v) => $0d0ee39bbd91096d$export$1fccac577aeb7179 = v);
+$parcel$export($0d0ee39bbd91096d$exports, "unit", () => $0d0ee39bbd91096d$export$523c0b569236b342, (v) => $0d0ee39bbd91096d$export$523c0b569236b342 = v);
+$parcel$export($0d0ee39bbd91096d$exports, "value-container", () => $0d0ee39bbd91096d$export$324f6d0320efec31, (v) => $0d0ee39bbd91096d$export$324f6d0320efec31 = v);
+var $0d0ee39bbd91096d$export$a7db06668cad9adb;
+var $0d0ee39bbd91096d$export$10db337eeb771240;
+var $0d0ee39bbd91096d$export$bb66d3d95d8b38e6;
+var $0d0ee39bbd91096d$export$97691fbb80847c19;
+var $0d0ee39bbd91096d$export$18c8ad048e32c7d5;
+var $0d0ee39bbd91096d$export$1237798dc640739a;
+var $0d0ee39bbd91096d$export$1d02494d67adba65;
+var $0d0ee39bbd91096d$export$5aee1a5bd9743d8f;
+var $0d0ee39bbd91096d$export$1fccac577aeb7179;
+var $0d0ee39bbd91096d$export$523c0b569236b342;
+var $0d0ee39bbd91096d$export$324f6d0320efec31;
+$0d0ee39bbd91096d$export$a7db06668cad9adb = `I-a59W_content`;
+$0d0ee39bbd91096d$export$10db337eeb771240 = `I-a59W_data-container`;
+$0d0ee39bbd91096d$export$bb66d3d95d8b38e6 = `I-a59W_data-field`;
+$0d0ee39bbd91096d$export$97691fbb80847c19 = `I-a59W_flex`;
+$0d0ee39bbd91096d$export$18c8ad048e32c7d5 = `I-a59W_inline`;
+$0d0ee39bbd91096d$export$1237798dc640739a = `I-a59W_label`;
+$0d0ee39bbd91096d$export$1d02494d67adba65 = `I-a59W_parenthetical`;
+$0d0ee39bbd91096d$export$5aee1a5bd9743d8f = `I-a59W_sep`;
+$0d0ee39bbd91096d$export$1fccac577aeb7179 = `I-a59W_tag-field`;
+$0d0ee39bbd91096d$export$523c0b569236b342 = `I-a59W_unit`;
+$0d0ee39bbd91096d$export$324f6d0320efec31 = `I-a59W_value-container`;
+
+
+export {$0d0ee39bbd91096d$exports as default};
+//# sourceMappingURL=column-views.8e7b01d2.js.map

package/dist/esm/column-views.8e7b01d2.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAVA,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAoC,CAAC,sBAAsB,CAAC","sources":["packages/data-components/src/components/unit-details/base.module.sass"],"sourcesContent":[".data-field\n  margin: 0.5em 0 1em\n  &.flex\n    display: flex\n    flex-flow: row wrap\n    align-items: baseline\n    justify-content: end\n    gap: 0.5em\n    .data-container\n      text-align: right\n  &.inline\n    .label\n      display: inline-block\n\n  .label\n    //font-size: 0.9em\n    padding-right: 1em\n    font-weight: bold\n    flex-grow: 1\n    display: block\n    color: var(--secondary-color)\n    text-align: left\n  .value-container\n    text-align: right\n    //font-size: 0.9em\n    //display: inline-block\n    break-inside: avoid\n\n  &.tag-field\n    &>*\n      margin: 0\n      display: block\n\n.unit\n  color: var(--text-subtle-color)\n  font-style: var(--text-font-style)\n\n.parenthetical\n  .content\n    color: var(--parenthetical-text-color, var(--text-subtle-color))\n  .sep\n    color: var(--parenthetical-sep-color, var(--secondary-color))\n  .unit\n    color: var(--secondary-color)\n"],"names":[],"version":3,"file":"column-views.8e7b01d2.js.map"}

package/dist/esm/column-views.8f108485.js

@@ -0,0 +1,128 @@
+import {TagField as $ed781bff07b3e4da$export$c99859d779d8150a} from "./column-views.8a1db14e.js";
+import {Tag as $e969cdc1e0421ee2$export$3288d34c523a1192} from "./column-views.68afac63.js";
+import $3z0k3$macrostrathyper from "@macrostrat/hyper";
+import {useMemo as $3z0k3$useMemo} from "react";
+import $3z0k3$classnames from "classnames";
+
+
+
+
+
+
+var $54f22e1233427546$export$7bf80657e8a4330e = /*#__PURE__*/ function(LithologyTagFeature) {
+    LithologyTagFeature["Proportion"] = "proportion";
+    LithologyTagFeature["Attributes"] = "attributes";
+    return LithologyTagFeature;
+}({});
+function $54f22e1233427546$export$17064b7382e320b2({ data: data, color: color, features: features, onClick: _onClick, ...rest }) {
+    let proportion = null;
+    const showProportion = features?.has("proportion") ?? false;
+    const showAttributes = features?.has("attributes") ?? false;
+    if (data.prop != null && showProportion) {
+        const prop = Math.round(data.prop * 100);
+        proportion = (0, $3z0k3$macrostrathyper)("span.lithology-proportion", `${prop}%`);
+    }
+    let atts = null;
+    if (showAttributes && data.atts != null && data.atts.length > 0) atts = (0, $3z0k3$macrostrathyper)($54f22e1233427546$var$List, {
+        className: "lithology-attributes",
+        items: data.atts.map((att)=>(0, $3z0k3$macrostrathyper)("span.lithology-attribute", {
+                key: att
+            }, att)),
+        commaSeparated: true
+    });
+    const onClick = (0, $3z0k3$useMemo)(()=>{
+        if (_onClick == null) return null;
+        return (event)=>{
+            _onClick(event, data);
+        };
+    }, [
+        data,
+        _onClick
+    ]);
+    return (0, $3z0k3$macrostrathyper)((0, $e969cdc1e0421ee2$export$3288d34c523a1192), {
+        prefix: atts,
+        details: proportion,
+        name: data.name,
+        className: (0, $3z0k3$classnames)({
+            clickable: onClick != null
+        }, "lithology-tag"),
+        color: color ?? data.color,
+        onClick: onClick,
+        ...rest
+    });
+}
+function $54f22e1233427546$var$List({ items: items, commaSeparated: commaSeparated = false, lastSep: lastSep = null, className: className }) {
+    let items1 = items;
+    if (commaSeparated) items1 = $54f22e1233427546$var$separateElementsWithCommas(items1, lastSep);
+    return (0, $3z0k3$macrostrathyper)("span.list", {
+        className: className
+    }, items1);
+}
+function $54f22e1233427546$var$separateElementsWithCommas(children, lastSep = null) {
+    return children.reduce((acc, el, i)=>{
+        if (i > 0) {
+            let sep = ", ";
+            let className = null;
+            if (i === children.length - 1 && lastSep != null) {
+                sep += lastSep + " ";
+                className = "last-sep";
+            }
+            acc.push((0, $3z0k3$macrostrathyper)("span.list-sep", {
+                className: className
+            }, sep));
+        }
+        acc.push(el);
+        return acc;
+    }, []);
+}
+function $54f22e1233427546$export$74b2d34b17326341({ label: label, lithologies: lithologies, features: features = new Set([
+    "proportion",
+    "attributes"
+]), onClickItem: onClickItem, getItemHref: getItemHref, className: className }) {
+    const sortedLiths = (0, $3z0k3$useMemo)(()=>{
+        const l1 = [
+            ...lithologies
+        ];
+        l1.sort($54f22e1233427546$var$lithologyComparison);
+        return l1;
+    }, [
+        lithologies
+    ]);
+    return (0, $3z0k3$macrostrathyper)((0, $ed781bff07b3e4da$export$c99859d779d8150a), {
+        label: label,
+        className: className
+    }, sortedLiths.map((lith)=>{
+        let l1 = {
+            ...lith
+        };
+        if (l1.prop == 0) l1.prop = null;
+        return (0, $3z0k3$macrostrathyper)($54f22e1233427546$export$17064b7382e320b2, {
+            data: l1,
+            features: features,
+            onClick: onClickItem,
+            href: getItemHref?.(lith)
+        });
+    }));
+}
+function $54f22e1233427546$var$lithologyComparison(a, b) {
+    let dx = (b.prop ?? 0) - (a.prop ?? 0);
+    if (dx == 0) dx = (b.atts?.length ?? 0) - (a.atts?.length ?? 0);
+    if (dx == 0) return a.name.localeCompare(b.name);
+    return dx;
+}
+function $54f22e1233427546$export$7370a955ae18866e({ environments: environments, onClickItem: onClickItem, getItemHref: getItemHref, label: label = "Environments" }) {
+    return (0, $3z0k3$macrostrathyper)((0, $ed781bff07b3e4da$export$c99859d779d8150a), {
+        label: label,
+        className: "environments-list"
+    }, environments.map((env)=>{
+        return (0, $3z0k3$macrostrathyper)($54f22e1233427546$export$17064b7382e320b2, {
+            data: env,
+            onClick: onClickItem,
+            href: getItemHref?.(env)
+        });
+    }));
+}
+
+
+export {$54f22e1233427546$export$7bf80657e8a4330e as LithologyTagFeature, $54f22e1233427546$export$17064b7382e320b2 as LithologyTag, $54f22e1233427546$export$74b2d34b17326341 as LithologyList, $54f22e1233427546$export$7370a955ae18866e as EnvironmentsList};
+//# sourceMappingURL=column-views.8f108485.js.map

package/dist/esm/column-views.8f108485.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/data-components/src/components/unit-details/lithology-tag.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { TagField } from \"./base\";\nimport { BaseTagProps, Tag, TagSize } from \"./tag\";\nimport { useMemo } from \"react\";\nimport { Lithology } from \"@macrostrat/api-types\";\nimport classNames from \"classnames\";\n\ninterface LithologyTagProps extends Omit<BaseTagProps, \"onClick\" | \"name\"> {\n  data: Lithology;\n  className?: string;\n  expandOnHover?: boolean;\n  size?: TagSize;\n  features?: Set<LithologyTagFeature>;\n  onClick?: (event: any, data: Lithology) => void;\n}\n\nexport enum LithologyTagFeature {\n  Proportion = \"proportion\",\n  Attributes = \"attributes\",\n}\n\nexport function LithologyTag({\n  data,\n  color,\n  features,\n  onClick: _onClick,\n  ...rest\n}: LithologyTagProps) {\n  let proportion = null;\n  const showProportion = features?.has(LithologyTagFeature.Proportion) ?? false;\n  const showAttributes = features?.has(LithologyTagFeature.Attributes) ?? false;\n  if (data.prop != null && showProportion) {\n    const prop = Math.round(data.prop * 100);\n    proportion = h(\"span.lithology-proportion\", `${prop}%`);\n  }\n\n  let atts = null;\n  if (showAttributes && data.atts != null && data.atts.length > 0) {\n    atts = h(List, {\n      className: \"lithology-attributes\",\n      items: data.atts.map((att) =>\n        h(\"span.lithology-attribute\", { key: att }, att),\n      ),\n      commaSeparated: true,\n    });\n  }\n\n  const onClick = useMemo(() => {\n    if (_onClick == null) return null;\n    return (event: MouseEvent) => {\n      _onClick(event, data);\n    };\n  }, [data, _onClick]);\n\n  return h(Tag, {\n    prefix: atts,\n    details: proportion,\n    name: data.name,\n    className: classNames({ clickable: onClick != null }, \"lithology-tag\"),\n    color: color ?? data.color,\n    onClick,\n    ...rest,\n  });\n}\n\nfunction List({ items, commaSeparated = false, lastSep = null, className }) {\n  let items1 = items;\n  if (commaSeparated) {\n    items1 = separateElementsWithCommas(items1, lastSep);\n  }\n  return h(\"span.list\", { className }, items1);\n}\n\nfunction separateElementsWithCommas(children: any[], lastSep = null) {\n  return children.reduce((acc, el, i) => {\n    if (i > 0) {\n      let sep = \", \";\n      let className = null;\n      if (i === children.length - 1 && lastSep != null) {\n        sep += lastSep + \" \";\n        className = \"last-sep\";\n      }\n      acc.push(h(\"span.list-sep\", { className }, sep));\n    }\n    acc.push(el);\n    return acc;\n  }, []);\n}\n\nexport function LithologyList({\n  label,\n  lithologies,\n  features = new Set([\n    LithologyTagFeature.Proportion,\n    LithologyTagFeature.Attributes,\n  ]),\n  onClickItem,\n  getItemHref,\n  className,\n}: {\n  label?: string;\n  lithologies: any[];\n  features?: Set<LithologyTagFeature>;\n  // Optional function to handle click events on each item\n  onClickItem?: (event: MouseEvent, data: Lithology) => void;\n  // Optional function to get a link location for each item\n  getItemHref?: (data: Lithology) => string | null | undefined;\n  className?: string;\n}) {\n  const sortedLiths = useMemo(() => {\n    const l1 = [...lithologies];\n    l1.sort(lithologyComparison);\n    return l1;\n  }, [lithologies]);\n\n  return h(\n    TagField,\n    { label, className },\n    sortedLiths.map((lith) => {\n      let l1 = { ...lith };\n      if (l1.prop == 0) {\n        l1.prop = null;\n      }\n\n      return h(LithologyTag, {\n        data: l1,\n        features,\n        onClick: onClickItem,\n        href: getItemHref?.(lith),\n      });\n    }),\n  );\n}\n\nfunction lithologyComparison(a, b) {\n  let dx = (b.prop ?? 0) - (a.prop ?? 0);\n  if (dx == 0) {\n    dx = (b.atts?.length ?? 0) - (a.atts?.length ?? 0);\n  }\n  if (dx == 0) {\n    return a.name.localeCompare(b.name);\n  }\n  return dx;\n}\n\nexport function EnvironmentsList({\n  environments,\n  onClickItem,\n  getItemHref,\n  label = \"Environments\",\n}) {\n  return h(\n    TagField,\n    { label, className: \"environments-list\" },\n    environments.map((env: any) => {\n      return h(LithologyTag, {\n        data: env,\n        onClick: onClickItem,\n        href: getItemHref?.(env),\n      });\n    }),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.8f108485.js.map"}

package/dist/esm/column-views.904b9365.js

@@ -0,0 +1,57 @@
+import {LocationBasicInfo as $e915d4119f4f3a7c$export$bee34b546af763f0} from "./column-views.88984b34.js";
+import $59tLV$macrostrathyper from "@macrostrat/hyper";
+
+
+
+function $037f1983e2bad11c$export$858159b4482ffef5(props) {
+    const { checkin: checkin, rockdBaseURL: rockdBaseURL = "https://rockd.org" } = props;
+    const { person: person, photo: photo } = checkin;
+    let imageURL = null;
+    if (photo != null) imageURL = rockdBaseURL + `/api/v1/protected/image/${person}/banner/${photo}`;
+    const { title: title, description: description } = $037f1983e2bad11c$export$aeca4f1b554dd6f6(checkin.notes);
+    return (0, $59tLV$macrostrathyper)((0, $e915d4119f4f3a7c$export$bee34b546af763f0), {
+        title: title,
+        year: checkin.year.toString(),
+        description: description,
+        imageURL: imageURL,
+        link: `${rockdBaseURL}/checkin/${checkin.id}`,
+        rating: checkin.rating,
+        className: "checkin"
+    });
+}
+function $037f1983e2bad11c$export$aeca4f1b554dd6f6(notes) {
+    // Title and description management taken from the Rockd app
+    /** We have a pretty awkward approach to checkin 'notes' that encompasses the
+   * concept of title and description. Here we attempt to regularize peoples'
+   * notes into a more readable form, as preparation for doing so in a more
+   * structured way in the future (perhaps using a database update?).
+   */ let title = notes;
+    let description = null;
+    if (title.length > 60) {
+        // See if we can shorten the title
+        // We'll try to find the first punctuation mark (.,;:), and cut off there
+        let punctuationIndex = title.search(/[.,;:]/);
+        if (punctuationIndex > 0) {
+            title = $037f1983e2bad11c$var$strip(title.slice(0, punctuationIndex));
+            // We leave the actual punctuation mark to the imagination
+            description = $037f1983e2bad11c$var$strip(notes.slice(punctuationIndex + 1));
+        }
+    }
+    return {
+        title: $037f1983e2bad11c$var$sentenceCase(title),
+        description: $037f1983e2bad11c$var$sentenceCase(description)
+    };
+}
+function $037f1983e2bad11c$var$strip(input) {
+    // Strip leading and trailing whitespace
+    return input.replace(/^\s+|\s+$/g, "");
+}
+function $037f1983e2bad11c$var$sentenceCase(input) {
+    // Capitalize the first letter of a string
+    if (input == null) return null;
+    return input.charAt(0).toUpperCase() + input.slice(1);
+}
+
+
+export {$037f1983e2bad11c$export$858159b4482ffef5 as CheckinListing, $037f1983e2bad11c$export$aeca4f1b554dd6f6 as synthesizeTitleAndDescription};
+//# sourceMappingURL=column-views.904b9365.js.map

package/dist/esm/column-views.904b9365.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAiBO,SAAS,0CAAe,KAA0B;IACvD,MAAM,WAAE,OAAO,gBAAE,eAAe,qBAAqB,GAAG;IACxD,MAAM,UAAE,MAAM,SAAE,KAAK,EAAE,GAAG;IAE1B,IAAI,WAAW;IACf,IAAI,SAAS,MACX,WACE,eAAe,CAAC,wBAAwB,EAAE,OAAO,QAAQ,EAAE,OAAO;IAGtE,MAAM,SAAE,KAAK,eAAE,WAAW,EAAE,GAAG,0CAA8B,QAAQ,KAAK;IAE1E,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAgB,GAAG;eAC1B;QACA,MAAM,QAAQ,IAAI,CAAC,QAAQ;qBAC3B;kBACA;QACA,MAAM,GAAG,aAAa,SAAS,EAAE,QAAQ,EAAE,EAAE;QAC7C,QAAQ,QAAQ,MAAM;QACtB,WAAW;IACb;AACF;AAEO,SAAS,0CAA8B,KAAK;IAIjD,4DAA4D;IAC5D;;;;GAIC,GAED,IAAI,QAAQ;IACZ,IAAI,cAAc;IAElB,IAAI,MAAM,MAAM,GAAG,IAAI;QACrB,kCAAkC;QAClC,yEAAyE;QACzE,IAAI,mBAAmB,MAAM,MAAM,CAAC;QACpC,IAAI,mBAAmB,GAAG;YACxB,QAAQ,4BAAM,MAAM,KAAK,CAAC,GAAG;YAC7B,0DAA0D;YAC1D,cAAc,4BAAM,MAAM,KAAK,CAAC,mBAAmB;QACrD;IACF;IACA,OAAO;QACL,OAAO,mCAAa;QACpB,aAAa,mCAAa;IAC5B;AACF;AAEA,SAAS,4BAAM,KAAa;IAC1B,wCAAwC;IACxC,OAAO,MAAM,OAAO,CAAC,cAAc;AACrC;AAEA,SAAS,mCAAa,KAAoB;IACxC,0CAA0C;IAC1C,IAAI,SAAS,MAAM,OAAO;IAC1B,OAAO,MAAM,MAAM,CAAC,GAAG,WAAW,KAAK,MAAM,KAAK,CAAC;AACrD","sources":["packages/data-components/src/field-locations/checkins.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { LocationBasicInfo } from \"./base\";\n\nexport interface CheckinListingData {\n  id: number;\n  person: number;\n  photo: number;\n  notes: string;\n  rating: number;\n  year: number;\n}\n\nexport interface CheckinListingProps {\n  checkin: CheckinListingData;\n  rockdBaseURL?: string;\n}\n\nexport function CheckinListing(props: CheckinListingProps) {\n  const { checkin, rockdBaseURL = \"https://rockd.org\" } = props;\n  const { person, photo } = checkin;\n\n  let imageURL = null;\n  if (photo != null) {\n    imageURL =\n      rockdBaseURL + `/api/v1/protected/image/${person}/banner/${photo}`;\n  }\n\n  const { title, description } = synthesizeTitleAndDescription(checkin.notes);\n\n  return h(LocationBasicInfo, {\n    title,\n    year: checkin.year.toString(),\n    description,\n    imageURL,\n    link: `${rockdBaseURL}/checkin/${checkin.id}`,\n    rating: checkin.rating,\n    className: \"checkin\",\n  });\n}\n\nexport function synthesizeTitleAndDescription(notes): {\n  title: string | null;\n  description: string | null;\n} {\n  // Title and description management taken from the Rockd app\n  /** We have a pretty awkward approach to checkin 'notes' that encompasses the\n   * concept of title and description. Here we attempt to regularize peoples'\n   * notes into a more readable form, as preparation for doing so in a more\n   * structured way in the future (perhaps using a database update?).\n   */\n\n  let title = notes;\n  let description = null;\n\n  if (title.length > 60) {\n    // See if we can shorten the title\n    // We'll try to find the first punctuation mark (.,;:), and cut off there\n    let punctuationIndex = title.search(/[.,;:]/);\n    if (punctuationIndex > 0) {\n      title = strip(title.slice(0, punctuationIndex));\n      // We leave the actual punctuation mark to the imagination\n      description = strip(notes.slice(punctuationIndex + 1));\n    }\n  }\n  return {\n    title: sentenceCase(title),\n    description: sentenceCase(description),\n  };\n}\n\nfunction strip(input: string): string {\n  // Strip leading and trailing whitespace\n  return input.replace(/^\\s+|\\s+$/g, \"\");\n}\n\nfunction sentenceCase(input: string | null): string | null {\n  // Capitalize the first letter of a string\n  if (input == null) return null;\n  return input.charAt(0).toUpperCase() + input.slice(1);\n}\n"],"names":[],"version":3,"file":"column-views.904b9365.js.map"}

package/dist/esm/column-views.90a863af.js

@@ -0,0 +1,11 @@
+import {Hierarchy as $d69d268451183cca$export$b3d5c8408bb86dd8, PrevalentTaxa as $0f8616b716a13cdc$export$1cf0bc392c5bec1f, TagSize as $e969cdc1e0421ee2$export$33ced837a1e5dd9, Tag as $e969cdc1e0421ee2$export$3288d34c523a1192, BaseTagList as $e969cdc1e0421ee2$export$253448fb46c13164, ItemList as $e969cdc1e0421ee2$export$168eb813a5fc3f58, LithologyTagFeature as $54f22e1233427546$export$7bf80657e8a4330e, LithologyTag as $54f22e1233427546$export$17064b7382e320b2, LithologyList as $54f22e1233427546$export$74b2d34b17326341, EnvironmentsList as $54f22e1233427546$export$7370a955ae18866e, DataField as $ed781bff07b3e4da$export$6a468d428727394e, Value as $ed781bff07b3e4da$export$4c8d1a57a761ef94, IntervalField as $ed781bff07b3e4da$export$f026c1ff1dfd9085, IntervalTag as $ed781bff07b3e4da$export$cec07089f4042438, TagField as $ed781bff07b3e4da$export$c99859d779d8150a, Parenthetical as $ed781bff07b3e4da$export$bad733389c823cbd} from "./column-views.210514ec.js";
+import {PlotAreaContext as $32f3061f20373cca$export$caa3f53f581a9ba2, usePlotArea as $32f3061f20373cca$export$f1ef8efc9ef6fe0c, DetritalSeries as $32f3061f20373cca$export$67794cfd1e5c82c8, DetritalSpectrumPlot as $32f3061f20373cca$export$c6f0d6e9639e41ac, kernelDensityEstimator as $bcfd78344b9c6927$export$ea0ac076732e930a, kernelEpanechnikov as $32f3061f20373cca$re_export$kernelEpanechnikov, kernelGaussian as $bcfd78344b9c6927$export$71f1fc8906f65514} from "./column-views.2c43c055.js";
+import {CheckinListing as $037f1983e2bad11c$export$858159b4482ffef5, synthesizeTitleAndDescription as $037f1983e2bad11c$export$aeca4f1b554dd6f6, SpotListing as $c3eec7de9bf904cc$export$d4ffce179c2206c0, LocationBasicInfo as $e915d4119f4f3a7c$export$bee34b546af763f0, LocationLink as $e915d4119f4f3a7c$export$97b9ccd15d05bf44, StarRatingComponent as $e915d4119f4f3a7c$export$e6536e97719252ae, RockdWebsiteCheckinList as $500a668ff823147a$export$fc86211e0a3a7d82} from "./column-views.7631c221.js";
+
+
+
+
+
+
+export {$d69d268451183cca$export$b3d5c8408bb86dd8 as Hierarchy, $0f8616b716a13cdc$export$1cf0bc392c5bec1f as PrevalentTaxa, $e969cdc1e0421ee2$export$33ced837a1e5dd9 as TagSize, $e969cdc1e0421ee2$export$3288d34c523a1192 as Tag, $e969cdc1e0421ee2$export$253448fb46c13164 as BaseTagList, $e969cdc1e0421ee2$export$168eb813a5fc3f58 as ItemList, $54f22e1233427546$export$7bf80657e8a4330e as LithologyTagFeature, $54f22e1233427546$export$17064b7382e320b2 as LithologyTag, $54f22e1233427546$export$74b2d34b17326341 as LithologyList, $54f22e1233427546$export$7370a955ae18866e as EnvironmentsList, $ed781bff07b3e4da$export$6a468d428727394e as DataField, $ed781bff07b3e4da$export$4c8d1a57a761ef94 as Value, $ed781bff07b3e4da$export$f026c1ff1dfd9085 as IntervalField, $ed781bff07b3e4da$export$cec07089f4042438 as IntervalTag, $ed781bff07b3e4da$export$c99859d779d8150a as TagField, $ed781bff07b3e4da$export$bad733389c823cbd as Parenthetical, $32f3061f20373cca$export$caa3f53f581a9ba2 as PlotAreaContext, $32f3061f20373cca$export$f1ef8efc9ef6fe0c as usePlotArea, $32f3061f20373cca$export$67794cfd1e5c82c8 as DetritalSeries, $32f3061f20373cca$export$c6f0d6e9639e41ac as DetritalSpectrumPlot, $bcfd78344b9c6927$export$ea0ac076732e930a as kernelDensityEstimator, $32f3061f20373cca$re_export$kernelEpanechnikov as kernelEpanechnikov, $bcfd78344b9c6927$export$71f1fc8906f65514 as kernelGaussian, $037f1983e2bad11c$export$858159b4482ffef5 as CheckinListing, $037f1983e2bad11c$export$aeca4f1b554dd6f6 as synthesizeTitleAndDescription, $c3eec7de9bf904cc$export$d4ffce179c2206c0 as SpotListing, $e915d4119f4f3a7c$export$bee34b546af763f0 as LocationBasicInfo, $e915d4119f4f3a7c$export$97b9ccd15d05bf44 as LocationLink, $e915d4119f4f3a7c$export$e6536e97719252ae as StarRatingComponent, $500a668ff823147a$export$fc86211e0a3a7d82 as RockdWebsiteCheckinList};
+//# sourceMappingURL=column-views.90a863af.js.map

package/dist/esm/column-views.90a863af.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/data-components/src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./dz-spectrum\";\nexport * from \"./field-locations\";\n"],"names":[],"version":3,"file":"column-views.90a863af.js.map"}

package/dist/esm/{column.01d68dd8.js → column-views.91385fdc.js}

@@ -1,17 +1,17 @@
-import $bTsJU$columnmodule1b776e15js from "./column.module.1b776e15.js";
-import "./column.module.a67a6b4c.css";
-import {UnitComponent as $4c8184c4a7317749$export$48a4cacf2b7a4441} from "./units.5a4fc058.js";
-import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./selection.f5b0297e.js";
-import {CompositeTimescale as $7d0f52717c0de7e1$export$db2df5a73a6fbe10, SectionsColumn as $7d0f52717c0de7e1$export$38cb0ab5af8f50d7} from "./section.a34d379a.js";
-import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./popover.a810b7bc.js";
-import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./store.c4d7a8a4.js";
-import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./age-axis.4a8cf5e6.js";
-import {usePreparedColumnUnits as $76e92a964ee11b97$export$206a0cb85295e433} from "./prepare-units.6c890a96.js";
+import $bTsJU$columnviews4637f4cejs from "./column-views.4637f4ce.js";
+import "./column-views.217078ab.css";
+import {UnitComponent as $4c8184c4a7317749$export$48a4cacf2b7a4441} from "./column-views.2ca34210.js";
+import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.1af9761e.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.52b03330.js";
+import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
+import {CompositeTimescale as $7d0f52717c0de7e1$export$db2df5a73a6fbe10, SectionsColumn as $7d0f52717c0de7e1$export$38cb0ab5af8f50d7} from "./column-views.bb46641f.js";
+import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./column-views.8833218c.js";
+import {usePreparedColumnUnits as $76e92a964ee11b97$export$206a0cb85295e433} from "./column-views.c71c321c.js";
 import {ColumnAxisType as $bTsJU$ColumnAxisType} from "@macrostrat/column-components";
 import {hyperStyled as $bTsJU$hyperStyled} from "@macrostrat/hyper";
 import {useDarkMode as $bTsJU$useDarkMode} from "@macrostrat/ui-components";
 import $bTsJU$classnames from "classnames";
-import {useRef as $bTsJU$useRef} from "react";
+import {useRef as $bTsJU$useRef, useCallback as $bTsJU$useCallback} from "react";
 import {NonIdealState as $bTsJU$NonIdealState} from "@blueprintjs/core";
 
 
@@ -31,9 +31,9 @@ function $parcel$interopDefault(a) {
 
 
 
-const $2118f0266dc7e955$var$h = (0, $bTsJU$hyperStyled)((0, ($parcel$interopDefault($bTsJU$columnmodule1b776e15js))));
+const $2118f0266dc7e955$var$h = (0, $bTsJU$hyperStyled)((0, ($parcel$interopDefault($bTsJU$columnviews4637f4cejs))));
 function $2118f0266dc7e955$export$816b5d811295e6bc(props) {
-    const { showUnitPopover: showUnitPopover = false, keyboardNavigation: keyboardNavigation = false, mergeSections: mergeSections, onUnitSelected: onUnitSelected, selectedUnit: selectedUnit, children: children, units: rawUnits, axisType: axisType = (0, $bTsJU$ColumnAxisType).AGE, t_age: t_age, b_age: b_age, unconformityHeight: unconformityHeight = 30, targetUnitHeight: targetUnitHeight = 20, pixelScale: pixelScale, minPixelScale: minPixelScale = 0.2, minSectionHeight: minSectionHeight = 50, collapseSmallUnconformities: collapseSmallUnconformities = true, ...rest } = props;
+    const { showUnitPopover: showUnitPopover = false, keyboardNavigation: keyboardNavigation = false, mergeSections: mergeSections, onUnitSelected: onUnitSelected, selectedUnit: selectedUnit, children: children, units: rawUnits, axisType: axisType = (0, $bTsJU$ColumnAxisType).AGE, t_age: t_age, b_age: b_age, unconformityHeight: unconformityHeight = 30, targetUnitHeight: targetUnitHeight = 20, pixelScale: pixelScale, minPixelScale: minPixelScale = 0.2, minSectionHeight: minSectionHeight = 50, collapseSmallUnconformities: collapseSmallUnconformities = true, allowUnitSelection: allowUnitSelection, ...rest } = props;
     const ref = (0, $bTsJU$useRef)();
     // Selected item position
     const { sections: sections, units: units, totalHeight: totalHeight } = (0, $76e92a964ee11b97$export$206a0cb85295e433)(rawUnits, {
@@ -53,17 +53,7 @@ function $2118f0266dc7e955$export$816b5d811295e6bc(props) {
         description: "No sections found in this column.",
         icon: "warning-sign"
     }));
-    return $2118f0266dc7e955$var$h((0, $d5074f164411387e$export$7fec7bd80ff9c10e), {
-        units: units,
-        sections: sections,
-        totalHeight: totalHeight,
-        axisType: axisType
-    }, $2118f0266dc7e955$var$h((0, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4), {
-        columnRef: ref,
-        onUnitSelected: onUnitSelected,
-        selectedUnit: selectedUnit,
-        units: units
-    }, $2118f0266dc7e955$var$h($2118f0266dc7e955$var$ColumnInner, {
+    let main = $2118f0266dc7e955$var$h($2118f0266dc7e955$var$ColumnInner, {
         columnRef: ref,
         ...rest
     }, [
@@ -72,24 +62,37 @@ function $2118f0266dc7e955$export$816b5d811295e6bc(props) {
         $2118f0266dc7e955$var$h.if(keyboardNavigation)((0, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1), {
             units: units
         })
-    ])));
+    ]);
+    /* By default, unit selection is disabled. However, if any related props are passed,
+   we enable it.
+   */ let _allowUnitSelection = allowUnitSelection ?? false;
+    if (showUnitPopover || selectedUnit != null || onUnitSelected != null) _allowUnitSelection = true;
+    if (_allowUnitSelection) main = $2118f0266dc7e955$var$h((0, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4), {
+        columnRef: ref,
+        onUnitSelected: onUnitSelected,
+        selectedUnit: selectedUnit,
+        units: units
+    }, main);
+    return $2118f0266dc7e955$var$h((0, $d5074f164411387e$export$7fec7bd80ff9c10e), {
+        units: units,
+        sections: sections,
+        totalHeight: totalHeight,
+        axisType: axisType
+    }, main);
 }
 function $2118f0266dc7e955$var$ColumnInner(props) {
-    const { unitComponent: unitComponent = (0, $4c8184c4a7317749$export$48a4cacf2b7a4441), unconformityLabels: unconformityLabels = true, showLabels: showLabels = true, width: _width = 300, columnWidth: _columnWidth = 150, showLabelColumn: _showLabelColumn = true, className: className, columnRef: columnRef, clipUnits: clipUnits = false, children: children, showTimescale: showTimescale, timescaleLevels: timescaleLevels, maxInternalColumns: maxInternalColumns } = props;
+    const { unitComponent: unitComponent = (0, $4c8184c4a7317749$export$48a4cacf2b7a4441), unconformityLabels: unconformityLabels = true, showLabels: showLabels = true, width: _width = 300, columnWidth: _columnWidth = 150, showLabelColumn: _showLabelColumn = true, className: className, columnRef: columnRef, clipUnits: clipUnits = false, children: children, showTimescale: showTimescale, timescaleLevels: timescaleLevels, maxInternalColumns: maxInternalColumns, onMouseOver: onMouseOver } = props;
     const { axisType: axisType } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
-    const dispatch = (0, $4d5d1c15f39f6a14$export$77a278d5ca56e309)();
     let width = _width;
     let columnWidth = _columnWidth;
     if (columnWidth > width) columnWidth = width;
     let showLabelColumn = _showLabelColumn;
     if (columnWidth > width - 10) showLabelColumn = false;
-    let _showTimescale = showTimescale;
-    if (timescaleLevels !== null) _showTimescale = true;
+    let _showTimescale = showTimescale ?? true;
+    if (timescaleLevels != null) _showTimescale = true;
     _showTimescale = axisType == (0, $bTsJU$ColumnAxisType).AGE && _showTimescale;
     return $2118f0266dc7e955$var$h($2118f0266dc7e955$export$2194471aa3d52446, {
-        onClick (evt) {
-            dispatch?.(null, null, evt);
-        },
+        ...$2118f0266dc7e955$var$useMouseEventHandlers(onMouseOver),
         className: className
     }, $2118f0266dc7e955$var$h("div.column", {
         ref: columnRef
@@ -111,6 +114,40 @@ function $2118f0266dc7e955$var$ColumnInner(props) {
         children
     ]));
 }
+function $2118f0266dc7e955$var$useMouseEventHandlers(_onMouseOver = null) {
+    /** Click event handler */ // Click handler for unit selection
+    const dispatch = (0, $4d5d1c15f39f6a14$export$77a278d5ca56e309)();
+    const onClick = (0, $bTsJU$useCallback)((evt)=>{
+        dispatch?.(null, null, evt);
+    }, [
+        dispatch
+    ]);
+    /** Hover event handlers */ const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    const onMouseOver = (0, $bTsJU$useCallback)((evt)=>{
+        const height = scale.invert(evt.clientY - evt.currentTarget.getBoundingClientRect().top);
+        _onMouseOver?.(null, height, evt);
+    }, [
+        scale,
+        _onMouseOver
+    ]);
+    const onMouseOut = (0, $bTsJU$useCallback)(()=>{
+        _onMouseOver?.(null, null, null);
+    }, [
+        _onMouseOver
+    ]);
+    if (_onMouseOver == null) return {
+        onClick: onClick,
+        onMouseOver: undefined,
+        onMouseMove: undefined,
+        onMouseOut: undefined
+    };
+    return {
+        onMouseOver: onMouseOver,
+        onMouseMove: onMouseOver,
+        onMouseOut: onMouseOut,
+        onClick: onClick
+    };
+}
 function $2118f0266dc7e955$export$2194471aa3d52446(props) {
     const { className: className, ...rest } = props;
     const darkMode = (0, $bTsJU$useDarkMode)();
@@ -124,4 +161,4 @@ function $2118f0266dc7e955$export$2194471aa3d52446(props) {
 
 
 export {$2118f0266dc7e955$export$816b5d811295e6bc as Column, $2118f0266dc7e955$export$2194471aa3d52446 as ColumnContainer};
-//# sourceMappingURL=column.01d68dd8.js.map
+//# sourceMappingURL=column-views.91385fdc.js.map

package/dist/esm/column-views.91385fdc.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/column.ts"],"sourcesContent":["import { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport classNames from \"classnames\";\nimport { RefObject, useRef, HTMLAttributes, useCallback } from \"react\";\nimport styles from \"./column.module.sass\";\nimport {\n  UnitSelectionProvider,\n  UnitComponent,\n  UnitKeyboardNavigation,\n  useUnitSelectionDispatch,\n} from \"./units\";\n\nimport { ColumnHeightScaleOptions } from \"./prepare-units/composite-scale\";\nimport { UnitSelectionPopover } from \"./unit-details\";\nimport {\n  MacrostratColumnDataProvider,\n  useCompositeScale,\n  useMacrostratColumnData,\n} from \"./data-provider\";\nimport {\n  SectionSharedProps,\n  CompositeTimescale,\n  SectionsColumn,\n} from \"./section\";\nimport { CompositeAgeAxis } from \"./age-axis\";\nimport { MergeSectionsMode, usePreparedColumnUnits } from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { NonIdealState } from \"@blueprintjs/core\";\n\nconst h = hyperStyled(styles);\n\ninterface BaseColumnProps extends SectionSharedProps {\n  className?: string;\n  showLabelColumn?: boolean;\n  keyboardNavigation?: boolean;\n  showLabels?: boolean;\n  maxInternalColumns?: number;\n  // Timescale properties\n  showTimescale?: boolean;\n  timescaleLevels?: number | [number, number];\n  onMouseOver?: (\n    unit: UnitLong | null,\n    height: number | null,\n    evt: MouseEvent,\n  ) => void;\n}\n\nexport interface ColumnProps extends BaseColumnProps, ColumnHeightScaleOptions {\n  // Macrostrat units\n  units: UnitLong[];\n  t_age?: number;\n  b_age?: number;\n  mergeSections?: MergeSectionsMode;\n  showUnitPopover?: boolean;\n  allowUnitSelection?: boolean;\n  selectedUnit?: number | null;\n  onUnitSelected?: (unitID: number | null, unit: any) => void;\n  // Unconformity height in pixels\n  unconformityHeight?: number;\n}\n\nexport function Column(props: ColumnProps) {\n  const {\n    showUnitPopover = false,\n    keyboardNavigation = false,\n    mergeSections,\n    onUnitSelected,\n    selectedUnit,\n    children,\n    units: rawUnits,\n    axisType = ColumnAxisType.AGE,\n    t_age,\n    b_age,\n    unconformityHeight = 30,\n    targetUnitHeight = 20,\n    pixelScale,\n    minPixelScale = 0.2,\n    minSectionHeight = 50,\n    collapseSmallUnconformities = true,\n    allowUnitSelection,\n    ...rest\n  } = props;\n  const ref = useRef<HTMLElement>();\n  // Selected item position\n\n  const { sections, units, totalHeight } = usePreparedColumnUnits(rawUnits, {\n    axisType,\n    t_age,\n    b_age,\n    mergeSections,\n    targetUnitHeight,\n    unconformityHeight,\n    pixelScale,\n    minPixelScale,\n    minSectionHeight,\n    collapseSmallUnconformities,\n  });\n\n  if (sections.length === 0) {\n    return h(\n      \"div.column-container.empty\",\n      h(NonIdealState, {\n        title: \"Empty column\",\n        description: \"No sections found in this column.\",\n        icon: \"warning-sign\",\n      }),\n    );\n  }\n\n  let main: any = h(ColumnInner, { columnRef: ref, ...rest }, [\n    children,\n    h.if(showUnitPopover)(UnitSelectionPopover),\n    h.if(keyboardNavigation)(UnitKeyboardNavigation, { units }),\n  ]);\n\n  /* By default, unit selection is disabled. However, if any related props are passed,\n   we enable it.\n   */\n  let _allowUnitSelection = allowUnitSelection ?? false;\n  if (showUnitPopover || selectedUnit != null || onUnitSelected != null) {\n    _allowUnitSelection = true;\n  }\n\n  if (_allowUnitSelection) {\n    main = h(\n      UnitSelectionProvider,\n      {\n        columnRef: ref,\n        onUnitSelected,\n        selectedUnit,\n        units,\n      },\n      main,\n    );\n  }\n\n  return h(\n    MacrostratColumnDataProvider,\n    { units, sections, totalHeight, axisType },\n    main,\n  );\n}\n\ninterface ColumnInnerProps extends BaseColumnProps {\n  columnRef: RefObject<HTMLElement>;\n}\n\nfunction ColumnInner(props: ColumnInnerProps) {\n  const {\n    unitComponent = UnitComponent,\n    unconformityLabels = true,\n    showLabels = true,\n    width: _width = 300,\n    columnWidth: _columnWidth = 150,\n    showLabelColumn: _showLabelColumn = true,\n    className,\n    columnRef,\n    clipUnits = false,\n    children,\n    showTimescale,\n    timescaleLevels,\n    maxInternalColumns,\n    onMouseOver,\n  } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  let width = _width;\n  let columnWidth = _columnWidth;\n  if (columnWidth > width) {\n    columnWidth = width;\n  }\n  let showLabelColumn = _showLabelColumn;\n  if (columnWidth > width - 10) {\n    showLabelColumn = false;\n  }\n\n  let _showTimescale = showTimescale ?? true;\n  if (timescaleLevels != null) {\n    _showTimescale = true;\n  }\n  _showTimescale = axisType == ColumnAxisType.AGE && _showTimescale;\n\n  return h(\n    ColumnContainer,\n    {\n      ...useMouseEventHandlers(onMouseOver),\n      className,\n    },\n    h(\"div.column\", { ref: columnRef }, [\n      h(CompositeAgeAxis),\n      h.if(_showTimescale)(CompositeTimescale, { levels: timescaleLevels }),\n      h(SectionsColumn, {\n        unitComponent,\n        showLabels,\n        width,\n        columnWidth,\n        showLabelColumn,\n        clipUnits,\n        unconformityLabels,\n        maxInternalColumns,\n      }),\n      children,\n    ]),\n  );\n}\n\ntype ColumnMouseOverHandler = (\n  unit: UnitLong | null,\n  height: number | null,\n  evt: MouseEvent,\n) => void;\n\nfunction useMouseEventHandlers(\n  _onMouseOver: ColumnMouseOverHandler | null = null,\n) {\n  /** Click event handler */\n\n  // Click handler for unit selection\n  const dispatch = useUnitSelectionDispatch();\n  const onClick = useCallback(\n    (evt) => {\n      dispatch?.(null, null, evt as any);\n    },\n    [dispatch],\n  );\n\n  /** Hover event handlers */\n  const scale = useCompositeScale();\n\n  const onMouseOver = useCallback(\n    (evt) => {\n      const height = scale.invert(\n        evt.clientY - evt.currentTarget.getBoundingClientRect().top,\n      );\n      _onMouseOver?.(null, height, evt);\n    },\n    [scale, _onMouseOver],\n  );\n\n  const onMouseOut = useCallback(() => {\n    _onMouseOver?.(null, null, null);\n  }, [_onMouseOver]);\n\n  if (_onMouseOver == null) {\n    return {\n      onClick,\n      onMouseOver: undefined,\n      onMouseMove: undefined,\n      onMouseOut: undefined,\n    };\n  }\n\n  return { onMouseOver, onMouseMove: onMouseOver, onMouseOut, onClick };\n}\n\nexport interface ColumnContainerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n}\n\nexport function ColumnContainer(props: ColumnContainerProps) {\n  const { className, ...rest } = props;\n  const darkMode = useDarkMode();\n\n  return h(\"div.column-container\", {\n    className: classNames(className, {\n      \"dark-mode\": darkMode?.isEnabled ?? false,\n    }),\n    ...rest,\n  });\n}\n"],"names":[],"version":3,"file":"column-views.91385fdc.js.map"}

package/dist/esm/{helpers.2f0a0cb7.js → column-views.9892f825.js}

@@ -1,6 +1,8 @@
-import {createUnitSorter as $b6657fba8924a702$export$ab14c04795685c55, ensureArray as $b6657fba8924a702$export$d0c8ecbd4ed8940c, ensureRealFloat as $b6657fba8924a702$export$97de5b0a6b4e4dac, getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a, unitsOverlap as $b6657fba8924a702$export$f1a15f539858307} from "./utils.d7a43a2a.js";
+import {createUnitSorter as $b6657fba8924a702$export$ab14c04795685c55, ensureArray as $b6657fba8924a702$export$d0c8ecbd4ed8940c, ensureRealFloat as $b6657fba8924a702$export$97de5b0a6b4e4dac, getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a, unitsOverlap as $b6657fba8924a702$export$f1a15f539858307} from "./column-views.39657bbf.js";
 import {group as $ailTa$group} from "d3-array";
 import {ColumnAxisType as $ailTa$ColumnAxisType} from "@macrostrat/column-components";
+import {compareAgeRanges as $ailTa$compareAgeRanges} from "@macrostrat/stratigraphy-utils";
+
 
 
 
@@ -26,7 +28,12 @@ function $663a0cdd08b02256$export$55543e159517d62d(section, axisType = (0, $ailT
             if (t_pos < section.t_age) d.t_clip_pos = section.t_age;
         }
     }
-    if (axisType != (0, $ailTa$ColumnAxisType).AGE) return $663a0cdd08b02256$var$preprocessSectionUnits(divisions, axisType);
+    // TODO: we may want to re-enable this simpler processing for sections,
+    // but we want it to be less universally applied.
+    // if (axisType != ColumnAxisType.AGE) {
+    //   return preprocessSectionUnits(divisions, axisType);
+    // }
+    //
     return divisions;
 }
 function $663a0cdd08b02256$var$extendDivision(unit, i, divisions, axisType = (0, $ailTa$ColumnAxisType).AGE) {
@@ -47,7 +54,10 @@ function $663a0cdd08b02256$var$extendDivision(unit, i, divisions, axisType = (0,
     };
 }
 function $663a0cdd08b02256$export$dfbd00399d639b4c(units, axisType = (0, $ailTa$ColumnAxisType).AGE) {
-    let groups = Array.from((0, $ailTa$group)(units, (d)=>d.section_id));
+    if (axisType != (0, $ailTa$ColumnAxisType).AGE) return $663a0cdd08b02256$var$groupUnitsIntoSectionByOverlap(units, axisType);
+    /** Group units into sections by section_id.
+   * This works for large-scale Macrostrat columns, where units are grouped by section_id.
+   * */ let groups = Array.from((0, $ailTa$group)(units, (d)=>d.section_id));
     const unitComparator = (0, $b6657fba8924a702$export$ab14c04795685c55)(axisType);
     const groups1 = groups.map(([section_id, sectionUnits])=>{
         const [b_age, t_age] = $663a0cdd08b02256$export$8093438ec3e4c6fd(sectionUnits);
@@ -66,6 +76,47 @@ function $663a0cdd08b02256$export$dfbd00399d639b4c(units, axisType = (0, $ailTa$
     groups1.sort(compareSections);
     return groups1;
 }
+function $663a0cdd08b02256$var$groupUnitsIntoSectionByOverlap(units, axisType = (0, $ailTa$ColumnAxisType).AGE) {
+    /** Group units into sections by overlap.
+   * This creates "synthetic" sections that correspond to packages bound by scale gaps.
+   * This is most useful in the height and depth domains, where gaps (e.g., missing core) are
+   * common.
+   * */ // Start with each unit as its own "section", and progressively merge...
+    const sectionList = [];
+    for (const unit of units){
+        // Check if the unit overlaps with any existing section
+        const heightRange = (0, $b6657fba8924a702$export$70e712e2ac0237a)(unit, axisType);
+        let section = sectionList.find((s)=>(0, $ailTa$compareAgeRanges)(heightRange, s.heightRange));
+        if (section == null) // No overlap, create a new section
+        sectionList.push({
+            heightRange: heightRange,
+            units: [
+                unit
+            ]
+        });
+        else {
+            // Overlap, merge the unit into the section
+            section.units.push(unit);
+            // Update the height range
+            section.heightRange = [
+                Math.max(section.heightRange[0], heightRange[0]),
+                Math.min(section.heightRange[1], heightRange[1])
+            ];
+        }
+    }
+    // We should have a section for each unit, now we can convert to SectionInfo
+    // Ages have to be really actually ages, not heights
+    return sectionList.map((section, i)=>{
+        const [b_age, t_age] = $663a0cdd08b02256$export$8093438ec3e4c6fd(section.units);
+        return {
+            // Negative section IDs are used to indicate that these are synthetic sections
+            section_id: -i,
+            t_age: t_age,
+            b_age: b_age,
+            units: section.units
+        };
+    });
+}
 function $663a0cdd08b02256$export$8093438ec3e4c6fd(units) {
     /** Get the overall age range of a set of units. */ const t_ages = units.map((d)=>d.t_age);
     const b_ages = units.map((d)=>d.b_age);
@@ -138,4 +189,4 @@ function $663a0cdd08b02256$var$preprocessSectionUnit(unit, i, units, accumulated
 
 
 export {$663a0cdd08b02256$export$55543e159517d62d as preprocessUnits, $663a0cdd08b02256$export$dfbd00399d639b4c as groupUnitsIntoSections, $663a0cdd08b02256$export$8093438ec3e4c6fd as getSectionAgeRange, $663a0cdd08b02256$export$e7bb744b9be37f3d as mergeOverlappingSections};
-//# sourceMappingURL=helpers.2f0a0cb7.js.map
+//# sourceMappingURL=column-views.9892f825.js.map

package/dist/esm/column-views.9892f825.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/prepare-units/helpers.ts"],"sourcesContent":["import type { BaseUnit, UnitLong } from \"@macrostrat/api-types\";\nimport { group } from \"d3-array\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport {\n  unitsOverlap,\n  getUnitHeightRange,\n  createUnitSorter,\n  ensureArray,\n  ensureRealFloat,\n  PossiblyClippedUnit,\n} from \"./utils\";\nimport { compareAgeRanges } from \"@macrostrat/stratigraphy-utils\";\n\nconst dt = 0.001;\n\nexport interface StratigraphicPackage {\n  /** A collection of stratigraphic information organized in time, corresponding\n   * to single or multiple columns. */\n  t_age: number;\n  b_age: number;\n}\n\nexport interface SectionInfo<T extends UnitLong = ExtUnit>\n  extends StratigraphicPackage {\n  /** A time-bounded part of a single stratigraphic column. */\n  section_id: number | number[];\n  units: T[];\n}\n\nexport interface ExtUnit extends UnitLong {\n  bottomOverlap: boolean;\n  overlappingUnits: number[];\n  column?: number;\n  /* Positions (ages or heights) where the unit is clipped to its containing section.\n   * This is relevant if we are filtering by age/height/depth range.\n   */\n  t_clip_pos?: number;\n  b_clip_pos?: number;\n}\n\nexport function preprocessUnits<T extends UnitLong = UnitLong>(\n  section: SectionInfo<T>,\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): ExtUnit[] {\n  /** Preprocess units to add overlapping units and columns. */\n  const units = section.units;\n  let divisions = units.map((...args) => extendDivision(...args, axisType));\n  for (let d of divisions) {\n    const overlappingUnits = divisions.filter((u) =>\n      d.overlappingUnits.includes(u.unit_id),\n    );\n\n    // Overlapping columns\n    const columns = overlappingUnits.map((d) => d.column);\n\n    if (columns.includes(d.column)) {\n      let col = 0;\n      // Go through columns to find a better index\n      while (columns.includes(col)) {\n        col++;\n      }\n      d.column = col;\n    }\n\n    // If unit overlaps the edges of a section, set the clip positions\n    if (axisType == ColumnAxisType.AGE) {\n      const [b_pos, t_pos] = getUnitHeightRange(d, axisType);\n      if (b_pos > section.b_age) {\n        d.b_clip_pos = section.b_age;\n      }\n      if (t_pos < section.t_age) {\n        d.t_clip_pos = section.t_age;\n      }\n    }\n  }\n\n  // TODO: we may want to re-enable this simpler processing for sections,\n  // but we want it to be less universally applied.\n  // if (axisType != ColumnAxisType.AGE) {\n  //   return preprocessSectionUnits(divisions, axisType);\n  // }\n  //\n  return divisions;\n}\n\nfunction extendDivision(\n  unit: UnitLong,\n  i: number,\n  divisions: UnitLong[],\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): ExtUnit {\n  const overlappingUnits = divisions.filter(\n    (d) => d.unit_id != unit.unit_id && unitsOverlap(unit, d, axisType),\n  );\n  const u_pos = getUnitHeightRange(unit, axisType);\n  const bottomOverlap = overlappingUnits.some((d) => {\n    const d_pos = getUnitHeightRange(d, axisType);\n    // Check if the unit is below the current unit\n    return d_pos[0] < u_pos[0] + dt;\n  });\n  let column = 0;\n  if (overlappingUnits.length == 1) {\n    column = 1;\n  }\n\n  return {\n    ...unit,\n    bottomOverlap,\n    column,\n    overlappingUnits: overlappingUnits.map((d) => d.unit_id),\n  };\n}\n\nexport function groupUnitsIntoSections<T extends UnitLong>(\n  units: T[],\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): SectionInfo<T>[] {\n  if (axisType != ColumnAxisType.AGE) {\n    return groupUnitsIntoSectionByOverlap(units, axisType);\n  }\n\n  /** Group units into sections by section_id.\n   * This works for large-scale Macrostrat columns, where units are grouped by section_id.\n   * */\n  let groups = Array.from(group(units, (d) => d.section_id));\n  const unitComparator = createUnitSorter(axisType);\n\n  const groups1 = groups.map(([section_id, sectionUnits]) => {\n    const [b_age, t_age] = getSectionAgeRange(sectionUnits);\n    // sort units by position\n    sectionUnits.sort(unitComparator);\n    return { section_id, t_age, b_age, units: sectionUnits };\n  });\n  // Sort sections by increasing top age, then increasing bottom age.\n  // Sections have no relative ordinal position other than age...\n  const compareSections = createUnitSorter(ColumnAxisType.AGE) as (\n    a: StratigraphicPackage,\n    b: StratigraphicPackage,\n  ) => number;\n  groups1.sort(compareSections);\n  return groups1;\n}\n\ninterface WorkingSection {\n  units: UnitLong[];\n  // Position or age\n  heightRange?: [number, number];\n}\n\nfunction groupUnitsIntoSectionByOverlap<T extends UnitLong>(\n  units: T[],\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): SectionInfo<T>[] {\n  /** Group units into sections by overlap.\n   * This creates \"synthetic\" sections that correspond to packages bound by scale gaps.\n   * This is most useful in the height and depth domains, where gaps (e.g., missing core) are\n   * common.\n   * */\n  // Start with each unit as its own \"section\", and progressively merge...\n  const sectionList: WorkingSection[] = [];\n  for (const unit of units) {\n    // Check if the unit overlaps with any existing section\n    const heightRange = getUnitHeightRange(unit, axisType);\n    let section: WorkingSection | undefined = sectionList.find((s) =>\n      compareAgeRanges(heightRange, s.heightRange),\n    );\n    if (section == null) {\n      // No overlap, create a new section\n      sectionList.push({\n        heightRange,\n        units: [unit],\n      });\n    } else {\n      // Overlap, merge the unit into the section\n      section.units.push(unit);\n      // Update the height range\n      section.heightRange = [\n        Math.max(section.heightRange[0], heightRange[0]),\n        Math.min(section.heightRange[1], heightRange[1]),\n      ];\n    }\n  }\n  // We should have a section for each unit, now we can convert to SectionInfo\n  // Ages have to be really actually ages, not heights\n\n  return sectionList.map((section, i) => {\n    const [b_age, t_age] = getSectionAgeRange(section.units);\n    return {\n      // Negative section IDs are used to indicate that these are synthetic sections\n      section_id: -i,\n      t_age: t_age,\n      b_age: b_age,\n      units: section.units as T[],\n    };\n  });\n}\n\nexport function getSectionAgeRange(units: BaseUnit[]): [number, number] {\n  /** Get the overall age range of a set of units. */\n  const t_ages = units.map((d) => d.t_age);\n  const b_ages = units.map((d) => d.b_age);\n  const t_age = Math.min(...t_ages);\n  const b_age = Math.max(...b_ages);\n  return [b_age, t_age];\n}\n\nexport function mergeOverlappingSections<T extends UnitLong>(\n  sections: SectionInfo<T>[],\n): SectionInfo<T>[] {\n  /** Columns can have sections that overlap in time. Here, we merge overlapping\n   * sections into a single section to correctly render gap-bound packages.\n   */\n  const [firstSection, ...rest] = sections;\n  const newSections = [firstSection];\n  for (const section of rest) {\n    const lastSection = newSections[newSections.length - 1];\n    if (\n      lastSection.b_age < section.t_age ||\n      lastSection.t_age > section.b_age\n    ) {\n      // No overlap, add the section as normal\n      newSections.push(section);\n      continue;\n    }\n\n    // Overlap, merge the sections\n    lastSection.section_id = [\n      ...ensureArray(lastSection.section_id),\n      ...ensureArray(section.section_id),\n    ];\n    lastSection.units.push(...section.units);\n    lastSection.b_age = Math.max(lastSection.b_age, section.b_age);\n    lastSection.t_age = Math.min(lastSection.t_age, section.t_age);\n  }\n  return newSections;\n}\n\nfunction preprocessSectionUnits(\n  units: UnitLong[],\n  axisType: ColumnAxisType = ColumnAxisType.DEPTH,\n): ExtUnit[] {\n  /** Preprocess units for a \"section\" column type, which is guaranteed to be simpler. */\n  // We have to assume the units are ordered...\n  let thickness = 0;\n  return units.map((unit, i) => {\n    let u1 = preprocessSectionUnit(unit, i, units, thickness, axisType);\n    thickness += Math.abs(u1.t_pos - u1.b_pos);\n    return u1;\n  });\n}\n\nfunction preprocessSectionUnit(\n  unit: UnitLong,\n  i: number,\n  units: UnitLong[],\n  accumulatedThickness: number = 0,\n  axisType: ColumnAxisType = ColumnAxisType.DEPTH,\n): ExtUnit {\n  /** Preprocess a single unit for a \"section\" column type.\n   * No provision for overlapping units.\n   * */\n\n  let b_pos = unit.b_pos;\n  let t_pos = unit.t_pos;\n\n  if (b_pos == t_pos && axisType == ColumnAxisType.ORDINAL) {\n    t_pos = t_pos - 1;\n  }\n\n  let unit_name = unit.unit_name;\n\n  // eODP columns sometimes have overlapping core sections, which are encoded in the name field\n  // Match eODP section names\n  const match = unit.unit_name.match(/^(\\d+(\\.\\d+)?)-(\\d+(\\.\\d+)?): (.+)/);\n\n  if (match) {\n    // These values should already be set if we've used the show_positions flag\n    t_pos ??= ensureRealFloat(match[1]);\n    b_pos ??= ensureRealFloat(match[3]);\n    unit_name = match[5];\n  }\n\n  return {\n    ...unit,\n    b_pos: ensureRealFloat(b_pos),\n    t_pos: ensureRealFloat(t_pos),\n    unit_name,\n    bottomOverlap: false,\n    overlappingUnits: [],\n  };\n}\n"],"names":[],"version":3,"file":"column-views.9892f825.js.map"}

package/dist/esm/{colors.395c6db5.js → column-views.9b77388d.js}

@@ -1,16 +1,17 @@
 import $kwOHx$chromajs from "chroma-js";
 
 
-function $6698edd2a743bf07$export$175d3e927f1a9860(unit, lithMap, inDarkMode = false, asBackground = true) {
-    const liths = unit.lith;
+function $6698edd2a743bf07$export$175d3e927f1a9860(unit, lithMap, inDarkMode = false, asBackground = true, keyOpts = null) {
+    const { key: key = "lith", id_key: id_key = "lith_id" } = keyOpts ?? {};
+    const liths = unit[key];
     if (liths == null) return "gray";
     const lithData = liths.map((d)=>{
         let prop = d.prop;
         if (prop == null || isNaN(prop) || prop <= 0) prop = null;
         return {
-            lith_id: d.lith_id,
+            lith_id: d[id_key],
             prop: prop,
-            color: lithMap?.get(d.lith_id)?.color
+            color: lithMap?.get(d[id_key])?.color
         };
     }).filter((d)=>d.color != null);
     const lithsWithProp = lithData.filter((d)=>d.prop != null);
@@ -37,4 +38,4 @@ function $6698edd2a743bf07$export$175d3e927f1a9860(unit, lithMap, inDarkMode = f
 
 
 export {$6698edd2a743bf07$export$175d3e927f1a9860 as getMixedUnitColor};
-//# sourceMappingURL=colors.395c6db5.js.map
+//# sourceMappingURL=column-views.9b77388d.js.map

package/dist/esm/column-views.9b77388d.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAQO,SAAS,0CACd,IAAc,EACd,OAAO,EACP,aAAa,KAAK,EAClB,eAAe,IAAI,EACnB,UAAsB,IAAI;IAE1B,MAAM,OAAE,MAAM,gBAAQ,SAAS,WAAW,GAAG,WAAW,CAAC;IACzD,MAAM,QAAQ,IAAI,CAAC,IAAI;IACvB,IAAI,SAAS,MACX,OAAO;IAET,MAAM,WAAW,MACd,GAAG,CAAC,CAAC;QACJ,IAAI,OAAO,EAAE,IAAI;QACjB,IAAI,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GACzC,OAAO;QAET,OAAO;YACL,SAAS,CAAC,CAAC,OAAO;kBAClB;YACA,OAAO,SAAS,IAAI,CAAC,CAAC,OAAO,GAAG;QAClC;IACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,KAAK,IAAI;IAE5B,MAAM,gBAAgB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IACvD,MAAM,mBAAmB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IAE1D,MAAM,YAAY,cAAc,MAAM,CAAC,CAAC,KAAK,IAAM,MAAM,EAAE,IAAI,EAAE;IACjE,IAAI,YAAY,KAAK,iBAAiB,MAAM,GAAG,GAAG;QAChD,MAAM,gBAAgB,IAAI;QAC1B,mEAAmE;QACnE,MAAM,YAAY,gBAAgB,iBAAiB,MAAM;QACzD,iBAAiB,OAAO,CAAC,CAAC;YACxB,cAAc,IAAI,CAAC;gBACjB,GAAG,CAAC;gBACJ,MAAM;YACR;QACF;IACF;IAEA,IAAI,cAAc,MAAM,IAAI,GAC1B,OAAO;IAGT,4BAA4B;IAC5B,MAAM,YAAY,CAAA,GAAA,eAAK,EAAE,OAAO,CAC9B,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,KAAK,GAChC,QACA,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,IAAI;IAGjC,IAAI,CAAC,cACH,OAAO,UAAU,GAAG;IAGtB,IAAI,YACF,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;SAEtC,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;AAE1C","sources":["packages/column-views/src/units/colors.ts"],"sourcesContent":["import chroma from \"chroma-js\";\nimport { UnitLong } from \"@macrostrat/api-types\";\n\ninterface KeyOptions {\n  key?: string;\n  id_key?: string;\n}\n\nexport function getMixedUnitColor(\n  unit: UnitLong,\n  lithMap,\n  inDarkMode = false,\n  asBackground = true,\n  keyOpts: KeyOptions = null,\n): string | null {\n  const { key = \"lith\", id_key = \"lith_id\" } = keyOpts ?? {};\n  const liths = unit[key];\n  if (liths == null) {\n    return \"gray\";\n  }\n  const lithData = liths\n    .map((d) => {\n      let prop = d.prop;\n      if (prop == null || isNaN(prop) || prop <= 0) {\n        prop = null;\n      }\n      return {\n        lith_id: d[id_key],\n        prop,\n        color: lithMap?.get(d[id_key])?.color,\n      };\n    })\n    .filter((d) => d.color != null);\n\n  const lithsWithProp = lithData.filter((d) => d.prop != null);\n  const lithsWithoutProp = lithData.filter((d) => d.prop == null);\n\n  const totalProp = lithsWithProp.reduce((sum, d) => sum + d.prop, 0);\n  if (totalProp < 1 && lithsWithoutProp.length > 0) {\n    const remainingProp = 1 - totalProp;\n    // Distribute remaining proportion equally among liths without prop\n    const equalProp = remainingProp / lithsWithoutProp.length;\n    lithsWithoutProp.forEach((d) => {\n      lithsWithProp.push({\n        ...d,\n        prop: equalProp,\n      });\n    });\n  }\n\n  if (lithsWithProp.length == 0) {\n    return null;\n  }\n\n  // Mix colors proportionally\n  const baseColor = chroma.average(\n    lithsWithProp.map((d) => d.color),\n    \"lrgb\",\n    lithsWithProp.map((d) => d.prop),\n  );\n\n  if (!asBackground) {\n    return baseColor.hex();\n  }\n\n  if (inDarkMode) {\n    return baseColor.set(\"hsl.l\", 0.2).hex();\n  } else {\n    return baseColor.set(\"hsl.l\", 0.9).hex();\n  }\n}\n"],"names":[],"version":3,"file":"column-views.9b77388d.js.map"}