@macrostrat/column-views 2.0.1 → 2.1.1

package/CHANGELOG.md

@@ -4,6 +4,21 @@ All notable changes to this project will be documented in this file. The format
 is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this
 project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.1] - 2025-06-26
+
+- Remove local reference
+
+## [2.1.0] - 2025-06-25
+
+- `UnitDetailsContent` allows setting item click or href for Environments,
+  Lithologies, and Intervals.
+- Add mouseover handlers to allow age cursor to be reported
+- Add an `AgeCursor` component
+- Reactivate carbon isotopes, detrital zircon, and PBDB integrations
+- Make unit selection entirely optional
+- Improve styling across the board
+- Fix rendering bugs for sections with overlapping units
+
 ## [2.0.1] - 2025-05-08
 
 Solve a problem with strict mode

package/dist/esm/{column-views.8dd877af.js → column-views.006d5180.js}

@@ -54,6 +54,7 @@ const $d3e69bd163d41f63$var$symbolIndex = {
     diamictite: 681
 };
 const $d3e69bd163d41f63$export$7be7d732f3de9464 = (d)=>{
+    if (d.lith == null || d.lith.length == 0) return null;
     let liths = [
         ...d.lith
     ];
@@ -93,4 +94,4 @@ const $d3e69bd163d41f63$export$e8deec7b02ce51eb = (id)=>{
 
 
 export {$d3e69bd163d41f63$export$7be7d732f3de9464 as resolveID, $d3e69bd163d41f63$export$e8deec7b02ce51eb as scalePattern};
-//# sourceMappingURL=column-views.8dd877af.js.map
+//# sourceMappingURL=column-views.006d5180.js.map

package/dist/esm/column-views.006d5180.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,MAAM,oCAAc;IAClB,sBAAsB;IACtB,eAAe;IACf,WAAW;IACX,kBAAkB;IAClB,aAAa;IACb,MAAM;IACN,WAAW;IACX,MAAM;IACN,eAAe;IACf,KAAK;IACL,uBAAuB;IACvB,OAAO;IACP,WAAW;IACX,UAAU;IACV,cAAc;IACd,WAAW;IACX,qBAAqB;IACrB,WAAW;IACX,UAAU;IACV,OAAO;IACP,kBAAkB;IAClB,WAAW;IACX,QAAQ;IACR,QAAQ;IACR,WAAW;IACX,WAAW;IACX,WAAW;IACX,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,mBAAmB;IACnB,kBAAkB;IAClB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACN,UAAU;IACV,aAAa;IACb,gBAAgB;IAChB,WAAW;IACX,QAAQ;IACR,UAAU;IACV,cAAc;IACd,WAAW;IACX,WAAW;IACX,YAAY;AACd;AAEA,MAAM,4CAAY,CAAC;IACjB,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,GACrC,OAAO;IAET,IAAI,QAAQ;WAAI,EAAE,IAAI;KAAC;IACvB,IAAI,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,IAAM,EAAE,IAAI,EAAE,IAAI,CAAC;IACjD,MAAM,IAAI,CAAC,CAAC,GAAG,IAAM,EAAE,IAAI,GAAG,EAAE,IAAI;IAEpC,+DAA+D;IAE/D,IAAI,MAAM;IAEV,6BAA6B;IAC7B,IAAI,EAAE,SAAS,IAAI,QACjB,OAAO;IAET,IAAI,EAAE,SAAS,IAAI,mBACjB,OAAO;IAGT,KAAK,MAAM,KAAK,MAAO;QACrB,IAAI,EAAE,IAAI,IAAI,aAAa;YACzB,8BAA8B;YAC9B,IAAI,SAAS,QAAQ,CAAC,SACpB,OAAO;YAET,IAAI,SAAS,QAAQ,CAAC,WACpB,OAAO;YAET,IAAI,SAAS,QAAQ,CAAC,UACpB,OAAO;YAET,IAAI,SAAS,QAAQ,CAAC,UACpB,OAAO;QAEX;QAEA,IAAI,EAAE,IAAI,IAAI,gBAAgB;YAC5B,8BAA8B;YAC9B,IAAI,SAAS,QAAQ,CAAC,YACpB,OAAO;QAEX;QAEA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,SAClB,OAAO;QAET,MAAM,iCAAW,CAAC,EAAE,IAAI,CAAC;QACzB,IAAI,OAAO,MACT,OAAO;QAGT,IAAI,EAAE,IAAI,IAAI,YACZ,OAAO;IAEX;IACA,OAAO;AACT;AAEA,MAAM,qCAAe;IACnB,OAAO;IACP,OAAO;AACT;AAEA,MAAM,4CAAe,CAAC;IACpB,OAAO,kCAAY,CAAC,GAAG,IAAI,CAAC,IAAI;AAClC","sources":["packages/column-views/src/units/resolvers.ts"],"sourcesContent":["const symbolIndex = {\n  \"dolomite-limestone\": 641,\n  lime_mudstone: 627,\n  sandstone: 607,\n  \"quartz arenite\": 607,\n  litharenite: 608,\n  sand: 608,\n  siltstone: 616,\n  silt: 616,\n  siliciclastic: 615,\n  mud: 620,\n  \"dolomitic siltstone\": 616,\n  shale: 620,\n  limestone: 627,\n  dolomite: 642,\n  conglomerate: 602,\n  carbonate: 627,\n  \"dolomite-mudstone\": 642,\n  dolostone: 642,\n  mudstone: 620,\n  slate: 703,\n  \"sandy-dolomite\": 645,\n  quartzite: 702,\n  halite: 668,\n  gypsum: 667,\n  evaporite: 667,\n  claystone: 620,\n  anhydrite: 667,\n  gabbro: 720,\n  basalt: 717,\n  diabase: 717,\n  rhyolite: 722,\n  andesite: 723,\n  till: 681,\n  loess: 684,\n  \"calcareous ooze\": 653,\n  \"siliceous ooze\": 653,\n  chalk: 626,\n  gravel: 601,\n  plutonic: 721,\n  granite: 719,\n  clay: 660,\n  syenite: 722,\n  tuff: 711,\n  volcanic: 725,\n  metamorphic: 707,\n  volcaniclastic: 714,\n  migmatite: 709,\n  gneiss: 708,\n  tonalite: 727,\n  granodiorite: 725,\n  monzonite: 723,\n  argillite: 624,\n  diamictite: 681,\n};\n\nconst resolveID = (d: any) => {\n  if (d.lith == null || d.lith.length == 0) {\n    return null;\n  }\n  let liths = [...d.lith];\n  let environs = d.environ.map((d) => d.name).join(\" \");\n  liths.sort((a, b) => b.prop - a.prop);\n\n  //console.log(d, d.unit_name, liths.map(d => d.name), environs)\n\n  let sym = null;\n\n  // overrides for IODP columns\n  if (d.unit_name == \"clay\") {\n    return \"650\";\n  }\n  if (d.unit_name == \"calcareous clay\") {\n    return \"651\";\n  }\n\n  for (const k of liths) {\n    if (k.name == \"sandstone\") {\n      // Special cases for sandstone\n      if (environs.includes(\"dune\")) {\n        return \"609\";\n      }\n      if (environs.includes(\"marine\")) {\n        return \"608\";\n      }\n      if (environs.includes(\"shore\")) {\n        return \"611\";\n      }\n      if (environs.includes(\"loess\")) {\n        return \"686\";\n      }\n    }\n\n    if (k.name == \"conglomerate\") {\n      // Special cases for sandstone\n      if (environs.includes(\"fluvial\")) {\n        return \"603\";\n      }\n    }\n\n    if (k.name.includes(\"tuff\")) {\n      return \"711\";\n    }\n    sym = symbolIndex[k.name];\n    if (sym != null) {\n      return sym;\n    }\n\n    if (k.type == \"volcanic\") {\n      return \"725\";\n    }\n  }\n  return sym;\n};\n\nconst patternScale = {\n  \"609\": 1.5,\n  \"603\": 1.5,\n};\n\nconst scalePattern = (id) => {\n  return patternScale[`${id}`] ?? 1;\n};\n\nexport { resolveID, scalePattern };\n"],"names":[],"version":3,"file":"column-views.006d5180.js.map"}

package/dist/esm/column-views.05586d1f.js

@@ -0,0 +1,22 @@
+import {group as $dbahB$group} from "d3-array";
+import {useAPIResult as $dbahB$useAPIResult} from "@macrostrat/ui-components";
+
+
+
+function $9f310bd6e88a58bc$export$1b0cf9c36f060135(columnArgs) {
+    const params = {
+        ...columnArgs,
+        measure_phase: "zircon",
+        response: "long",
+        show_values: true,
+        // Other isotope systems are organized separately
+        measurement: "207Pb-206Pb"
+    };
+    const res = (0, $dbahB$useAPIResult)("/measurements", params, columnArgs);
+    if (res == null) return null;
+    return (0, $dbahB$group)(res, (d)=>d.unit_id);
+}
+
+
+export {$9f310bd6e88a58bc$export$1b0cf9c36f060135 as useDetritalMeasurements};
+//# sourceMappingURL=column-views.05586d1f.js.map

package/dist/esm/column-views.05586d1f.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAkCO,SAAS,0CAAwB,UAAU;IAChD,MAAM,SAAS;QACb,GAAG,UAAU;QACb,eAAe;QACf,UAAU;QACV,aAAa;QACb,iDAAiD;QACjD,aAAa;IACf;IACA,MAAM,MAAyB,CAAA,GAAA,mBAAW,EACxC,iBACA,QACA;IAEF,IAAI,OAAO,MAAM,OAAO;IACxB,OAAO,CAAA,GAAA,YAAI,EAAE,KAAK,CAAC,IAAM,EAAE,OAAO;AACpC","sources":["packages/column-views/src/facets/detrital-zircon/provider.ts"],"sourcesContent":["import { group } from \"d3-array\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\n\nexport interface MeasurementInfo {\n  measurement_id: number;\n  measuremeta_id: number;\n  measurement: string;\n  measure_units: string;\n  measure_phase: string;\n  method: string;\n  n: number;\n  ref_id: number;\n  sample_name: string;\n  geo_unit: string;\n  samp_lith: string;\n  samp_lith_id: number;\n  samp_desc: string;\n  samp_age: string;\n  lat: number;\n  lng: number;\n  unit_id: number;\n  unit_rel_pos?: any;\n  col_id: number;\n  strat_name_id: number;\n  match_basis: string;\n  ref: string;\n  measure_value: number[];\n  measure_error: number[];\n  measure_position: any[];\n  measure_n: number[];\n  sample_no: string[];\n  error_units: string;\n}\n\nexport function useDetritalMeasurements(columnArgs) {\n  const params = {\n    ...columnArgs,\n    measure_phase: \"zircon\",\n    response: \"long\",\n    show_values: true,\n    // Other isotope systems are organized separately\n    measurement: \"207Pb-206Pb\",\n  };\n  const res: MeasurementInfo[] = useAPIResult(\n    \"/measurements\",\n    params,\n    columnArgs,\n  );\n  if (res == null) return null;\n  return group(res, (d) => d.unit_id);\n}\n"],"names":[],"version":3,"file":"column-views.05586d1f.js.map"}

package/dist/esm/column-views.0732894f.js

@@ -0,0 +1,86 @@
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76} from "./column-views.1e055ed5.js";
+import {line as $iZTQD$line} from "d3-shape";
+import {createContext as $iZTQD$createContext, useContext as $iZTQD$useContext} from "react";
+import $iZTQD$macrostrathyper from "@macrostrat/hyper";
+import {ColumnLayoutContext as $iZTQD$ColumnLayoutContext} from "@macrostrat/column-components";
+
+
+
+
+
+
+const $5f39f3d52558a1d0$var$inDomain = (scale, num)=>{
+    const domain = scale.domain();
+    return domain[0] < num < domain[1];
+};
+const $5f39f3d52558a1d0$var$createPointLocator = function(opts) {
+    const { xScale: xScale, scale: scale, getHeight: getHeight, ...rest } = opts;
+    return function(d, s = 0) {
+        const height = getHeight(d);
+        if (!$5f39f3d52558a1d0$var$inDomain(scale, height)) return null;
+        return [
+            xScale(d.value),
+            scale(height)
+        ];
+    };
+};
+const $5f39f3d52558a1d0$var$IsotopesDataContext = (0, $iZTQD$createContext)(null);
+const $5f39f3d52558a1d0$export$309ef8546e07d921 = function(props) {
+    const xScale = (0, $iZTQD$useContext)((0, $iZTQD$ColumnLayoutContext))?.xScale;
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    let { corrected: corrected, system: system, children: children, getHeight: getHeight, clipY: clipY = false } = props;
+    if (getHeight == null) getHeight = function(d) {
+        if (d.height == null) console.log(d);
+        return d.height;
+    };
+    // Handlers for creating points and lines
+    const pointLocator = $5f39f3d52558a1d0$var$createPointLocator({
+        xScale: xScale,
+        scale: scale,
+        corrected: corrected,
+        system: system,
+        getHeight: getHeight
+    });
+    let column = "avg_" + system;
+    if (corrected) column += "_corr";
+    const lineLocator = (0, $iZTQD$line)().x((d)=>xScale(d[column]))// @ts-ignore
+    .y((d)=>scale(d.height));
+    const value = {
+        pointLocator: pointLocator,
+        lineLocator: lineLocator,
+        corrected: corrected,
+        system: system,
+        clipY: clipY
+    };
+    return (0, $iZTQD$macrostrathyper)($5f39f3d52558a1d0$var$IsotopesDataContext.Provider, {
+        value: value
+    }, (0, $iZTQD$macrostrathyper)("g.data", children));
+};
+const $5f39f3d52558a1d0$export$4cb5d059db4e2bd = function(props) {
+    const { pointLocator: pointLocator } = (0, $iZTQD$useContext)($5f39f3d52558a1d0$var$IsotopesDataContext);
+    const { datum: datum, strokeWidth: strokeWidth, ...rest } = props;
+    const loc = pointLocator(datum);
+    if (loc == null) return null;
+    const [cx, cy] = loc;
+    return (0, $iZTQD$macrostrathyper)("circle", {
+        key: datum.sample_id,
+        cx: cx,
+        cy: cy,
+        r: 2,
+        ...rest
+    });
+};
+const $5f39f3d52558a1d0$export$628a3ef6eb9c3a89 = function(props) {
+    const { values: lineValues, ...rest } = props;
+    const { lineLocator: lineLocator } = (0, $iZTQD$useContext)($5f39f3d52558a1d0$var$IsotopesDataContext);
+    return (0, $iZTQD$macrostrathyper)("path", {
+        d: lineLocator(lineValues),
+        fill: "transparent",
+        ...rest
+    });
+};
+const $5f39f3d52558a1d0$export$919dbb10b6b5b75 = ()=>(0, $iZTQD$useContext)($5f39f3d52558a1d0$var$IsotopesDataContext);
+
+
+export {$5f39f3d52558a1d0$export$309ef8546e07d921 as IsotopesDataArea, $5f39f3d52558a1d0$export$4cb5d059db4e2bd as IsotopeDataPoint, $5f39f3d52558a1d0$export$628a3ef6eb9c3a89 as IsotopeDataLine, $5f39f3d52558a1d0$export$919dbb10b6b5b75 as useDataLocator};
+//# sourceMappingURL=column-views.0732894f.js.map

package/dist/esm/column-views.0732894f.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAMA,MAAM,iCAAW,CAAC,OAAO;IACvB,MAAM,SAAS,MAAM,MAAM;IAC3B,OAAO,MAAM,CAAC,EAAE,GAAG,MAAM,MAAM,CAAC,EAAE;AACpC;AAEA,MAAM,2CAAqB,SAAU,IAAI;IACvC,MAAM,UAAE,MAAM,SAAE,KAAK,aAAE,SAAS,EAAE,GAAG,MAAM,GAAG;IAC9C,OAAO,SAAU,CAAC,EAAE,IAAI,CAAC;QACvB,MAAM,SAAS,UAAU;QACzB,IAAI,CAAC,+BAAS,OAAO,SAAS,OAAO;QACrC,OAAO;YAAC,OAAO,EAAE,KAAK;YAAG,MAAM;SAAQ;IACzC;AACF;AAEA,MAAM,4CAAsB,CAAA,GAAA,oBAAY,EAAE;AAW1C,MAAM,4CAAmB,SAAU,KAAoB;IACrD,MAAM,SAAS,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0BAAkB,IAAI;IAEhD,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,IAAI,aAAE,SAAS,UAAE,MAAM,YAAE,QAAQ,aAAE,SAAS,SAAE,QAAQ,OAAO,GAAG;IAChE,IAAI,aAAa,MACf,YAAY,SAAU,CAAC;QACrB,IAAI,EAAE,MAAM,IAAI,MACd,QAAQ,GAAG,CAAC;QAEd,OAAO,EAAE,MAAM;IACjB;IAGF,yCAAyC;IACzC,MAAM,eAAe,yCAAmB;gBACtC;eACA;mBACA;gBACA;mBACA;IACF;IAEA,IAAI,SAAS,SAAS;IACtB,IAAI,WACF,UAAU;IAEZ,MAAM,cAAc,CAAA,GAAA,WAAG,IACpB,CAAC,CAAC,CAAC,IAAM,OAAO,CAAC,CAAC,OAAO,EAC1B,aAAa;KACZ,CAAC,CAAC,CAAC,IAAM,MAAM,EAAE,MAAM;IAE1B,MAAM,QAAQ;sBAAE;qBAAc;mBAAa;gBAAW;eAAQ;IAAM;IACpE,OAAO,CAAA,GAAA,sBAAA,EAAE,0CAAoB,QAAQ,EAAE;eAAE;IAAM,GAAG,CAAA,GAAA,sBAAA,EAAE,UAAU;AAChE;AAEA,MAAM,2CAAmB,SAAU,KAAK;IACtC,MAAM,gBAAE,YAAY,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE;IACpC,MAAM,SAAE,KAAK,eAAE,WAAW,EAAE,GAAG,MAAM,GAAG;IACxC,MAAM,MAAM,aAAa;IACzB,IAAI,OAAO,MAAM,OAAO;IACxB,MAAM,CAAC,IAAI,GAAG,GAAG;IAEjB,OAAO,CAAA,GAAA,sBAAA,EAAE,UAAU;QACjB,KAAK,MAAM,SAAS;YACpB;YACA;QACA,GAAG;QACH,GAAG,IAAI;IACT;AACF;AAEA,MAAM,4CAAkB,SAAU,KAAK;IACrC,MAAM,EAAE,QAAQ,UAAU,EAAE,GAAG,MAAM,GAAG;IACxC,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE;IACnC,OAAO,CAAA,GAAA,sBAAA,EAAE,QAAQ;QACf,GAAG,YAAY;QACf,MAAM;QACN,GAAG,IAAI;IACT;AACF;AAEA,MAAM,2CAAiB,IAAM,CAAA,GAAA,iBAAS,EAAE","sources":["packages/column-views/src/facets/carbon-isotopes/data-area.ts"],"sourcesContent":["import { line } from \"d3-shape\";\nimport { createContext, useContext } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { ColumnLayoutContext } from \"@macrostrat/column-components\";\nimport { useCompositeScale } from \"../../data-provider\";\n\nconst inDomain = (scale, num) => {\n  const domain = scale.domain();\n  return domain[0] < num < domain[1];\n};\n\nconst createPointLocator = function (opts) {\n  const { xScale, scale, getHeight, ...rest } = opts;\n  return function (d, s = 0) {\n    const height = getHeight(d);\n    if (!inDomain(scale, height)) return null;\n    return [xScale(d.value), scale(height)];\n  };\n};\n\nconst IsotopesDataContext = createContext(null);\n\nexport interface DataAreaProps {\n  clipY: boolean;\n  parameter: string;\n  corrected: boolean;\n  system: string;\n  children: React.ReactNode;\n  getHeight?: Function;\n}\n\nconst IsotopesDataArea = function (props: DataAreaProps) {\n  const xScale = useContext(ColumnLayoutContext)?.xScale;\n\n  const scale = useCompositeScale();\n\n  let { corrected, system, children, getHeight, clipY = false } = props;\n  if (getHeight == null) {\n    getHeight = function (d) {\n      if (d.height == null) {\n        console.log(d);\n      }\n      return d.height;\n    };\n  }\n\n  // Handlers for creating points and lines\n  const pointLocator = createPointLocator({\n    xScale,\n    scale,\n    corrected,\n    system,\n    getHeight,\n  });\n\n  let column = \"avg_\" + system;\n  if (corrected) {\n    column += \"_corr\";\n  }\n  const lineLocator = line()\n    .x((d) => xScale(d[column]))\n    // @ts-ignore\n    .y((d) => scale(d.height));\n\n  const value = { pointLocator, lineLocator, corrected, system, clipY };\n  return h(IsotopesDataContext.Provider, { value }, h(\"g.data\", children));\n};\n\nconst IsotopeDataPoint = function (props) {\n  const { pointLocator } = useContext(IsotopesDataContext);\n  const { datum, strokeWidth, ...rest } = props;\n  const loc = pointLocator(datum);\n  if (loc == null) return null;\n  const [cx, cy] = loc;\n\n  return h(\"circle\", {\n    key: datum.sample_id,\n    cx,\n    cy,\n    r: 2,\n    ...rest,\n  });\n};\n\nconst IsotopeDataLine = function (props) {\n  const { values: lineValues, ...rest } = props;\n  const { lineLocator } = useContext(IsotopesDataContext);\n  return h(\"path\", {\n    d: lineLocator(lineValues),\n    fill: \"transparent\",\n    ...rest,\n  });\n};\n\nconst useDataLocator = () => useContext(IsotopesDataContext);\n\nexport { IsotopesDataArea, IsotopeDataPoint, IsotopeDataLine, useDataLocator };\n"],"names":[],"version":3,"file":"column-views.0732894f.js.map"}

package/dist/esm/{column-views.134b2e2a.js → column-views.08440694.js}

@@ -1,4 +1,4 @@
-import {CorrelationChart as $ed7dc56184962590$export$9ebf875c09445bec} from "./column-views.aa9fcdba.js";
+import {CorrelationChart as $ed7dc56184962590$export$9ebf875c09445bec} from "./column-views.0c14e18e.js";
 import {parseLineFromString as $c491b6231216b7f9$export$77c3cc7a57c6db5f, stringifyLine as $c491b6231216b7f9$export$8c53992169ff5301} from "./column-views.beb54e95.js";
 
 
@@ -6,4 +6,4 @@ import {parseLineFromString as $c491b6231216b7f9$export$77c3cc7a57c6db5f, string
 
 
 export {$ed7dc56184962590$export$9ebf875c09445bec as CorrelationChart, $c491b6231216b7f9$export$77c3cc7a57c6db5f as parseLineFromString, $c491b6231216b7f9$export$8c53992169ff5301 as stringifyLine};
-//# sourceMappingURL=column-views.134b2e2a.js.map
+//# sourceMappingURL=column-views.08440694.js.map

package/dist/esm/{column-views.134b2e2a.js.map → column-views.08440694.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/correlation-chart/index.ts"],"sourcesContent":["export * from \"./main\";\nexport * from \"./hash-string\";\n"],"names":[],"version":3,"file":"column-views.134b2e2a.js.map"}
+{"mappings":"","sources":["packages/column-views/src/correlation-chart/index.ts"],"sourcesContent":["export * from \"./main\";\nexport * from \"./hash-string\";\n"],"names":[],"version":3,"file":"column-views.08440694.js.map"}

package/dist/esm/{column-views.aa9fcdba.js → column-views.0c14e18e.js}

@@ -1,13 +1,13 @@
-import {UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.8e51206e.js";
-import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./column-views.343b5aa2.js";
-import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.f2e5a72f.js";
+import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./column-views.2ca34210.js";
+import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.1af9761e.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.c8cc249a.js";
 import "./column-views.338a7a83.css";
 import $2d5zd$columnviews6a954628js from "./column-views.6a954628.js";
-import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./column-views.fa6f3292.js";
-import {buildCorrelationChartData as $2c6a8e6a98a077ae$export$7f21dc14b8199dc0, findLaterallyExtensiveUnits as $2c6a8e6a98a077ae$export$cc5d9b95e199a6de, splitStratIntoBoxes as $2c6a8e6a98a077ae$export$3e71a3125322d04b} from "./column-views.57c4ddf3.js";
-import {CompositeAgeAxisCore as $43794af7643cdf40$export$ac30ca3cf5df959d} from "./column-views.9ced149e.js";
-import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.5c02fee2.js";
-import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column-views.f71ec4b4.js";
+import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./column-views.4df0b803.js";
+import {buildCorrelationChartData as $2c6a8e6a98a077ae$export$7f21dc14b8199dc0, findLaterallyExtensiveUnits as $2c6a8e6a98a077ae$export$cc5d9b95e199a6de, splitStratIntoBoxes as $2c6a8e6a98a077ae$export$3e71a3125322d04b} from "./column-views.f08929e2.js";
+import {CompositeAgeAxisCore as $43794af7643cdf40$export$ac30ca3cf5df959d} from "./column-views.c32d6ad0.js";
+import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.a91dde4a.js";
+import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column-views.fdb0e9ec.js";
 import $2d5zd$macrostrathyper from "@macrostrat/hyper";
 import {useMemo as $2d5zd$useMemo, useRef as $2d5zd$useRef} from "react";
 import {useInDarkMode as $2d5zd$useInDarkMode} from "@macrostrat/ui-components";
@@ -32,7 +32,7 @@ function $parcel$interopDefault(a) {
 
 
 const $ed7dc56184962590$var$h = (0, $2d5zd$macrostrathyper).styled((0, ($parcel$interopDefault($2d5zd$columnviews6a954628js))));
-function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing: columnSpacing = 0, columnWidth: columnWidth = 130, unconformityLabels: unconformityLabels = true, showUnitPopover: showUnitPopover = true, selectedUnit: selectedUnit, onUnitSelected: onUnitSelected, ...scaleProps }) {
+function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing: columnSpacing = 0, columnWidth: columnWidth = 130, unconformityLabels: unconformityLabels = true, showUnitPopover: showUnitPopover = true, selectedUnit: selectedUnit, onUnitSelected: onUnitSelected, unitComponent: unitComponent, ...scaleProps }) {
     const defaultScaleProps = {
         targetUnitHeight: 10,
         unconformityHeight: 60,
@@ -93,7 +93,8 @@ function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing:
                     columnSpacing: columnSpacing,
                     offset: offset,
                     domain: domain,
-                    pixelScale: pixelScale
+                    pixelScale: pixelScale,
+                    unitComponent: unitComponent
                 });
             })),
             $ed7dc56184962590$var$h.if(showUnitPopover)((0, $a9bcb536274d1bf9$export$db1115efab13710d)),
@@ -104,7 +105,7 @@ function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing:
         ])
     ])));
 }
-function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, offset: offset, domain: domain, pixelScale: pixelScale }) {
+function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, unitComponent: unitComponent, offset: offset, domain: domain, pixelScale: pixelScale }) {
     return $ed7dc56184962590$var$h("g.package", {
         transform: `translate(0 ${offset})`
     }, [
@@ -114,6 +115,7 @@ function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing:
             columnData.map((data, i)=>{
                 return $ed7dc56184962590$var$h($ed7dc56184962590$var$Column, {
                     units: data.units,
+                    unitComponent: unitComponent,
                     width: columnWidth,
                     key: i,
                     domain: domain,
@@ -125,7 +127,7 @@ function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing:
     ]);
 }
 function $ed7dc56184962590$var$Column(props) {
-    const { units: units, width: width = 150, offsetLeft: offsetLeft, domain: domain, pixelScale: pixelScale } = props;
+    const { units: units, width: width = 150, offsetLeft: offsetLeft, domain: domain, pixelScale: pixelScale, unitComponent: unitComponent = (0, $4c8184c4a7317749$export$6012fd1584b5d0c0) } = props;
     const columnWidth = width;
     if (units.length == 0) return null;
     return $ed7dc56184962590$var$h("g.section", {
@@ -137,10 +139,11 @@ function $ed7dc56184962590$var$Column(props) {
         pixelsPerMeter: pixelScale,
         axisType: (0, $2d5zd$ColumnAxisType).AGE
     }, $ed7dc56184962590$var$h((0, $d254716a820e9c85$export$5d1cdfabe8dc8085), {
-        unitComponent: (0, $4c8184c4a7317749$export$6012fd1584b5d0c0),
+        unitComponent: unitComponent,
         unitComponentProps: {
             nColumns: 2,
-            width: columnWidth
+            width: columnWidth,
+            showLabel: false
         }
     })));
 }
@@ -218,4 +221,4 @@ function $ed7dc56184962590$var$TimescaleColumn(props) {
 
 
 export {$ed7dc56184962590$export$9ebf875c09445bec as CorrelationChart};
-//# sourceMappingURL=column-views.aa9fcdba.js.map
+//# sourceMappingURL=column-views.0c14e18e.js.map

package/dist/esm/column-views.0c14e18e.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/correlation-chart/main.ts"],"sourcesContent":["/** Correlation chart */\nimport {\n  UnitSelectionProvider,\n  UnitKeyboardNavigation,\n  useUnitSelectionStore,\n} from \"../units\";\nimport { UnitSelectionPopover } from \"../unit-details\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useMemo, useRef } from \"react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { CompositeTimescaleCore } from \"../section\";\nimport classNames from \"classnames\";\nimport {\n  findLaterallyExtensiveUnits,\n  splitStratIntoBoxes,\n  UnitGroupBox,\n  CorrelationChartSettings,\n  buildCorrelationChartData,\n} from \"./prepare-data\";\nimport {\n  CompositeAgeAxisCore,\n  CompositeStratigraphicScaleInfo,\n} from \"../age-axis\";\nimport {\n  ColumnAxisType,\n  ColumnProvider,\n  SVG,\n} from \"@macrostrat/column-components\";\nimport { ColoredUnitComponent } from \"../units\";\nimport { UnitBoxes } from \"../units/boxes\";\nimport { ExtUnit } from \"../prepare-units/helpers\";\nimport { ColumnContainer } from \"../column\";\nimport { ColumnData } from \"../data-provider\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\n\nconst h = hyper.styled(styles);\n\nexport interface CorrelationChartProps extends CorrelationChartSettings {\n  data: ColumnData[];\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  unconformityLabels?: boolean;\n  selectedUnit?: number | null;\n  showUnitPopover?: boolean;\n  unitComponent?: any;\n  onUnitSelected?: (unitID: number | null, unit: BaseUnit | null) => void;\n}\n\nexport function CorrelationChart({\n  data,\n  columnSpacing = 0,\n  columnWidth = 130,\n  unconformityLabels = true,\n  showUnitPopover = true,\n  selectedUnit,\n  onUnitSelected,\n  unitComponent,\n  ...scaleProps\n}: CorrelationChartProps) {\n  const defaultScaleProps = {\n    targetUnitHeight: 10,\n    unconformityHeight: 60,\n    minSectionHeight: 60,\n    collapseSmallUnconformities: true,\n  };\n\n  const chartData = useMemo(() => {\n    if (!data) return null;\n    return buildCorrelationChartData(data, {\n      ...defaultScaleProps,\n      ...scaleProps,\n    });\n  }, [data, ...Object.values(scaleProps)]);\n\n  const columnRef = useRef(null);\n\n  // A flattened units array is used to support keyboard navigation\n  const units = useMemo(() => {\n    return data?.map((d0) => d0.units).flat() ?? [];\n  }, [data]);\n\n  const inDarkMode = useInDarkMode();\n\n  const className = classNames({\n    \"dark-mode\": inDarkMode,\n  });\n\n  if (chartData == null) {\n    return null;\n  }\n\n  const { packages, scaleInfo, nColumns } = chartData;\n\n  const mainWidth = (columnWidth + columnSpacing) * nColumns;\n\n  return h(\n    ColumnContainer,\n    { className: \"correlation-diagram\" },\n    h(\n      UnitSelectionProvider,\n      { columnRef, selectedUnit, onUnitSelected, units },\n      h(ChartArea, [\n        h(TimescaleColumn, {\n          key: \"timescale\",\n          scaleInfo,\n          unconformityLabels,\n        }),\n        h(\"div.main-chart\", { ref: columnRef }, [\n          h(\n            SVG,\n            {\n              className,\n              innerWidth: mainWidth,\n              height: scaleInfo.totalHeight,\n              paddingH: 4,\n            },\n            packages.map((pkg, i) => {\n              const { offset, domain, pixelScale, key } = scaleInfo.packages[i];\n              return h(Package, {\n                columnData: pkg.columnData,\n                key,\n                columnWidth,\n                columnSpacing,\n                offset,\n                domain,\n                pixelScale,\n                unitComponent,\n              });\n            }),\n          ),\n          h.if(showUnitPopover)(UnitSelectionPopover),\n          // Navigation only works within a column for now...\n          h(UnitKeyboardNavigation, { units }),\n        ]),\n      ]),\n    ),\n  );\n}\n\nfunction Package({\n  columnData,\n  columnSpacing,\n  columnWidth,\n  unitComponent,\n  offset,\n  domain,\n  pixelScale,\n}) {\n  return h(\"g.package\", { transform: `translate(0 ${offset})` }, [\n    // Disable the SVG overlay for now\n    //h(PackageSVGOverlay, { data, columnSpacing }),\n    h(\"g.column-units\", [\n      columnData.map((data, i) => {\n        return h(Column, {\n          units: data.units,\n          unitComponent,\n          width: columnWidth,\n          key: i,\n          domain,\n          pixelScale,\n          offsetLeft: i * (columnWidth + columnSpacing),\n        });\n      }),\n    ]),\n  ]);\n}\n\ninterface ColumnProps {\n  units: ExtUnit[];\n  unitComponent?: React.FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  offsetLeft?: number;\n  domain: [number, number];\n  pixelScale: number;\n}\n\nfunction Column(props: ColumnProps) {\n  const {\n    units,\n    width = 150,\n    offsetLeft,\n    domain,\n    pixelScale,\n    unitComponent = ColoredUnitComponent,\n  } = props;\n\n  const columnWidth = width;\n\n  if (units.length == 0) {\n    return null;\n  }\n\n  return h(\n    \"g.section\",\n    {\n      transform: `translate(${offsetLeft} 0)`,\n    },\n    h(\n      ColumnProvider,\n      {\n        // Need to tighten up types here...\n        divisions: units as any[],\n        range: domain,\n        pixelsPerMeter: pixelScale, // Actually pixels per myr\n        axisType: ColumnAxisType.AGE,\n      },\n      h(UnitBoxes, {\n        unitComponent,\n        unitComponentProps: {\n          nColumns: 2,\n          width: columnWidth,\n          showLabel: false,\n        },\n      }),\n    ),\n  );\n}\n\nfunction PackageSVGOverlay({ data, columnWidth = 100, columnSpacing = 0 }) {\n  const { b_age, t_age, bestPixelScale, columnData } = data;\n\n  const width = (columnWidth + columnSpacing) * columnData.length;\n  const height = Math.ceil((b_age - t_age) * bestPixelScale) + 2;\n\n  const extensiveUnits = findLaterallyExtensiveUnits(data);\n\n  const scale = (val: number) => {\n    return (val - t_age) * bestPixelScale;\n  };\n\n  return h(\n    \"div.package-overlay\",\n    { style: { width, height } },\n    extensiveUnits.map((d) => {\n      return h(LaterallyExtensiveUnit, {\n        data: d,\n        scale,\n        pixelScale: bestPixelScale,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction LaterallyExtensiveUnit({ data, scale, pixelScale, columnSpacing }) {\n  const { b_age, t_age, strat_name_long, units } = data;\n  // Build boxes by column groups\n  const boxes: UnitGroupBox[] = splitStratIntoBoxes(data);\n\n  return h(\n    \"div.laterally-extensive-unit\",\n    boxes.map((d, i) => {\n      return h(StratColSpan, {\n        scale,\n        data: d,\n        pixelScale,\n        key: i,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction StratColSpan({\n  data,\n  scale,\n  columnWidth = 100,\n  columnSpacing = 0,\n  pixelScale = 1,\n}) {\n  const { startCol, endCol, strat_name_long, t_age, b_age } = data;\n  const top = scale(t_age);\n  const left = startCol * (columnWidth + columnSpacing);\n  const width = (endCol - startCol + 1) * (columnWidth + columnSpacing);\n  const height = (b_age - t_age) * pixelScale;\n  return h(\n    \"div.strat-col-span\",\n    { style: { top, height, width, left } },\n    strat_name_long,\n  );\n}\n\nfunction ChartArea({ children }) {\n  const setSelectedUnit = useUnitSelectionStore(\n    (state) => state.setSelectedUnit,\n  );\n\n  return h(\n    \"div.correlation-chart-inner\",\n    {\n      onClick() {\n        setSelectedUnit(null);\n      },\n    },\n    children,\n  );\n}\n\ninterface TimescaleColumnProps {\n  scaleInfo: CompositeStratigraphicScaleInfo;\n  showLabels?: boolean;\n  unconformityLabels?: boolean;\n}\n\nfunction TimescaleColumn(props: TimescaleColumnProps) {\n  const { scaleInfo, unconformityLabels = true } = props;\n  return h(\"div.column-container.age-axis-container\", [\n    h(CompositeAgeAxisCore, { ...scaleInfo }),\n    h(CompositeTimescaleCore, { ...scaleInfo, unconformityLabels }),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.0c14e18e.js.map"}

package/dist/esm/column-views.10eba967.js

@@ -0,0 +1,11 @@
+import {PBDBFossilsColumn as $b9286605a04210d4$export$554267114407ef68} from "./column-views.fa19cea0.js";
+import {DetritalGroup as $715dd5fedd79146a$export$1b3047373cd1c8c7, DetritalColumn as $715dd5fedd79146a$export$f176396e104db8d5} from "./column-views.e20f6a4b.js";
+import {IsotopesDataset as $d71d096cfe00860f$export$c69bd0285aa5d775, IsotopesColumn as $d71d096cfe00860f$export$5d8aa8022c284748, MeasurementDataContext as $5dbb619f2c7bef60$export$c644ef985ce7a4c4, MeasurementDataProvider as $5dbb619f2c7bef60$export$5f01d5b342a89841, useMeasurementData as $5dbb619f2c7bef60$export$8a0335fd9ff72150} from "./column-views.86619334.js";
+
+
+
+
+
+
+export {$b9286605a04210d4$export$554267114407ef68 as PBDBFossilsColumn, $715dd5fedd79146a$export$1b3047373cd1c8c7 as DetritalGroup, $715dd5fedd79146a$export$f176396e104db8d5 as DetritalColumn, $d71d096cfe00860f$export$c69bd0285aa5d775 as IsotopesDataset, $d71d096cfe00860f$export$5d8aa8022c284748 as IsotopesColumn, $5dbb619f2c7bef60$export$c644ef985ce7a4c4 as MeasurementDataContext, $5dbb619f2c7bef60$export$5f01d5b342a89841 as MeasurementDataProvider, $5dbb619f2c7bef60$export$8a0335fd9ff72150 as useMeasurementData};
+//# sourceMappingURL=column-views.10eba967.js.map

package/dist/esm/column-views.10eba967.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/column-views/src/facets/index.ts"],"sourcesContent":["export * from \"./fossils\";\nexport * from \"./detrital-zircon\";\nexport * from \"./carbon-isotopes\";\n"],"names":[],"version":3,"file":"column-views.10eba967.js.map"}

package/dist/esm/{column-views.8e51206e.js → column-views.1af9761e.js}

@@ -15,7 +15,7 @@ function $4d5d1c15f39f6a14$export$77a278d5ca56e309() {
 }
 function $4d5d1c15f39f6a14$export$b220b1d3591dc9e5(selector) {
     const store = (0, $eIxPJ$useContext)($4d5d1c15f39f6a14$var$UnitSelectionContext);
-    if (store == null) throw new Error("useUnitSelectionStore must be used within a UnitSelectionProvider");
+    if (store == null) return null;
     return (0, $eIxPJ$useStore)(store, selector);
 }
 function $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da() {
@@ -47,6 +47,21 @@ function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
                     console.log("onUnitSelected", unit, target, event);
                     const el = props.columnRef?.current;
                     let overlayPosition = null;
+                    /** This is not the natural place to get positions within the column,
+         * but it will work for now.
+         */ if (props.onClickedColumn) {
+                        // Infer height from top and bottom height of unit (because that's passed back with the call)
+                        //const py = event.y;
+                        //const [bottom, top] = getUnitHeightRange(unit, axisType);
+                        //const height = Math.abs(bottom - top);
+                        /** Ideally this would be defined at the column level */ const columnClickData = {
+                            unitID: unit?.unit_id,
+                            unit: unit,
+                            target: target,
+                            height: el?.getBoundingClientRect().height || 0
+                        };
+                        props.onClickedColumn(columnClickData, event);
+                    }
                     if (unit != null && el != null && target != null) {
                         const rect = el.getBoundingClientRect();
                         const targetRect = target.getBoundingClientRect();
@@ -92,6 +107,7 @@ function $4d5d1c15f39f6a14$export$cbbec12b1451fe7d(unit) {
     const onSelectUnit = $4d5d1c15f39f6a14$export$b220b1d3591dc9e5((state)=>state.onUnitSelected);
     const selected = selectedUnit?.unit_id == unit.unit_id;
     const onClick = (0, $eIxPJ$useCallback)((evt)=>{
+        if (onSelectUnit == null) return;
         onSelectUnit(unit, ref.current, evt);
         evt.stopPropagation();
     }, [
@@ -99,7 +115,7 @@ function $4d5d1c15f39f6a14$export$cbbec12b1451fe7d(unit) {
         onSelectUnit
     ]);
     (0, $eIxPJ$useEffect)(()=>{
-        if (!selected) return;
+        if (!selected || onSelectUnit == null) return;
         // In case we haven't set the position of the unit (if we don't have a target), set the selected unit
         onSelectUnit(unit, ref.current, null);
         // Scroll the unit into view
@@ -140,4 +156,4 @@ function $4d5d1c15f39f6a14$export$70f5ee19650fc7d1({ units: units }) {
 
 
 export {$4d5d1c15f39f6a14$export$77a278d5ca56e309 as useUnitSelectionDispatch, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5 as useUnitSelectionStore, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da as useSelectedUnit, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4 as UnitSelectionProvider, $4d5d1c15f39f6a14$export$cbbec12b1451fe7d as useUnitSelectionTarget, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
-//# sourceMappingURL=column-views.8e51206e.js.map
+//# sourceMappingURL=column-views.1af9761e.js.map

package/dist/esm/column-views.1af9761e.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/selection.ts"],"sourcesContent":["import { BaseUnit } from \"@macrostrat/api-types\";\nimport h from \"@macrostrat/hyper\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n  RefObject,\n  useRef,\n  useCallback,\n  MouseEvent,\n} from \"react\";\nimport { createStore, StoreApi, useStore } from \"zustand\";\nimport type { RectBounds, IUnit } from \"./types\";\nimport {\n  getUnitHeightRange,\n  useMacrostratColumnData,\n} from \"@macrostrat/column-views\";\n\ntype UnitSelectDispatch = (\n  unit: BaseUnit | null,\n  target: HTMLElement | null,\n  event: Event | null,\n) => void;\n\nconst UnitSelectionContext = createContext<StoreApi<UnitSelectionStore>>(null);\n\nexport function useUnitSelectionDispatch(): UnitSelectDispatch {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return () => {};\n  }\n  return useStore(store, (state) => state.onUnitSelected);\n}\n\nexport function useUnitSelectionStore<T>(\n  selector: (state: UnitSelectionStore) => T,\n): T {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return null;\n  }\n  return useStore(store, selector);\n}\n\nexport function useSelectedUnit() {\n  return useUnitSelectionStore((state) => state.selectedUnitData);\n}\n\ninterface UnitSelectionStore {\n  selectedUnit: number | null;\n  selectedUnitData: BaseUnit | null;\n  overlayPosition: RectBounds | null;\n  onUnitSelected: UnitSelectDispatch;\n  setSelectedUnit: (unit: number | null) => void;\n}\n\nexport interface ColumnClickData {\n  unitID: number | null;\n  unit: BaseUnit | null;\n  target: HTMLElement | null;\n  height: number;\n  // Room for boundary IDs eventually\n}\n\nexport function UnitSelectionProvider<T extends BaseUnit>(props: {\n  children: ReactNode;\n  columnRef?: RefObject<HTMLElement>;\n  units: T[];\n  selectedUnit: number | null;\n  onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;\n  onUnitSelected?: (unitID: number | null, unit: T | null) => void;\n}) {\n  const [store] = useState(() =>\n    createStore<UnitSelectionStore>((set) => ({\n      selectedUnit: null,\n      selectedUnitData: null,\n      overlayPosition: null,\n      setSelectedUnit(selectedUnit: number | null | BaseUnit) {\n        if (selectedUnit == null) {\n          set({ selectedUnit: null, selectedUnitData: null });\n          return;\n          // If it's a number, set the selected unit\n        } else if (typeof selectedUnit === \"number\") {\n          set({ selectedUnit, selectedUnitData: null });\n        } else if (\"unit_id\" in selectedUnit) {\n          set({\n            selectedUnit: selectedUnit.unit_id,\n            selectedUnitData: selectedUnit,\n          });\n        }\n      },\n      onUnitSelected: (unit: T, target: HTMLElement, event: PointerEvent) => {\n        console.log(\"onUnitSelected\", unit, target, event);\n        const el = props.columnRef?.current;\n        let overlayPosition = null;\n\n        /** This is not the natural place to get positions within the column,\n         * but it will work for now.\n         */\n        if (props.onClickedColumn) {\n          // Infer height from top and bottom height of unit (because that's passed back with the call)\n          //const py = event.y;\n          //const [bottom, top] = getUnitHeightRange(unit, axisType);\n          //const height = Math.abs(bottom - top);\n\n          /** Ideally this would be defined at the column level */\n          const columnClickData: ColumnClickData = {\n            unitID: unit?.unit_id,\n            unit,\n            target,\n            height: el?.getBoundingClientRect().height || 0,\n          };\n          props.onClickedColumn(columnClickData, event);\n        }\n\n        if (unit != null && el != null && target != null) {\n          const rect = el.getBoundingClientRect();\n          const targetRect = target.getBoundingClientRect();\n\n          overlayPosition = {\n            x: targetRect.left - rect.left,\n            y: targetRect.top - rect.top,\n            width: targetRect.width,\n            height: targetRect.height,\n          };\n        }\n        props.onUnitSelected?.(unit?.unit_id, unit);\n\n        return set({\n          selectedUnit: unit?.unit_id,\n          selectedUnitData: unit,\n          overlayPosition,\n        });\n      },\n    })),\n  );\n\n  const { units, selectedUnit } = props;\n\n  useEffect(() => {\n    // Synchronize store with provided props\n    if (selectedUnit != null) {\n      const unitData = units?.find((u) => u.unit_id === selectedUnit);\n      store.setState({ selectedUnit, selectedUnitData: unitData });\n    } else {\n      store.setState({ selectedUnit: null, selectedUnitData: null });\n    }\n  }, [selectedUnit, units]);\n\n  return h(UnitSelectionContext.Provider, { value: store }, props.children);\n}\n\nexport function useUnitSelectionTarget(\n  unit: IUnit,\n): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void] {\n  const ref = useRef<HTMLElement>();\n  const selectedUnit = useSelectedUnit();\n  const onSelectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const selected = selectedUnit?.unit_id == unit.unit_id;\n\n  const onClick = useCallback(\n    (evt: Event) => {\n      if (onSelectUnit == null) return;\n      onSelectUnit(unit, ref.current, evt);\n      evt.stopPropagation();\n    },\n    [unit, onSelectUnit],\n  );\n\n  useEffect(() => {\n    if (!selected || onSelectUnit == null) return;\n    // In case we haven't set the position of the unit (if we don't have a target), set the selected unit\n    onSelectUnit(unit, ref.current, null);\n\n    // Scroll the unit into view\n    ref.current?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }, [selected, onSelectUnit]);\n\n  return [ref, selected, onClick];\n}\n\nexport function UnitKeyboardNavigation<T extends BaseUnit>({\n  units,\n}: {\n  units: T[];\n}) {\n  const selectedUnit = useSelectedUnit();\n  const selectUnit = useUnitSelectionDispatch();\n\n  const ix = units.findIndex((unit) => unit.unit_id === selectedUnit?.unit_id);\n\n  const keyMap = {\n    38: ix - 1,\n    40: ix + 1,\n  };\n\n  useKeyHandler(\n    (event) => {\n      const nextIx = keyMap[event.keyCode];\n      if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;\n      selectUnit(units[nextIx], null, null);\n      event.stopPropagation();\n    },\n    [units, ix],\n  );\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.1af9761e.js.map"}

package/dist/esm/column-views.1c92b88f.js

@@ -0,0 +1,16 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $c6d04ae22b505264$exports = {};
+
+$parcel$export($c6d04ae22b505264$exports, "fossil-collections", () => $c6d04ae22b505264$export$33464f7dff3aaa69, (v) => $c6d04ae22b505264$export$33464f7dff3aaa69 = v);
+$parcel$export($c6d04ae22b505264$exports, "too-many", () => $c6d04ae22b505264$export$76144d85d033d82a, (v) => $c6d04ae22b505264$export$76144d85d033d82a = v);
+var $c6d04ae22b505264$export$33464f7dff3aaa69;
+var $c6d04ae22b505264$export$76144d85d033d82a;
+$c6d04ae22b505264$export$33464f7dff3aaa69 = `VC2fja_fossil-collections`;
+$c6d04ae22b505264$export$76144d85d033d82a = `VC2fja_too-many`;
+
+
+export {$c6d04ae22b505264$exports as default};
+//# sourceMappingURL=column-views.1c92b88f.js.map

package/dist/esm/column-views.1c92b88f.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AADA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/column-views/src/facets/fossils/index.module.sass"],"sourcesContent":[".fossil-collections\n  padding-left: 0.2em\n  font-size: 0.9em\n  list-style: none\n  border-left: 1px solid var(--column-stroke-color)\n  margin: 1px 0\n  li\n    display: inline\n    &:not(:last-child):after\n      content: \", \"\n      color: var(--secondary-color)\n  li.too-many\n    color: var(--secondary-color)\n    font-style: italic\n"],"names":[],"version":3,"file":"column-views.1c92b88f.js.map"}

package/dist/esm/{column-views.ea237aa8.js → column-views.1e055ed5.js}

@@ -1,4 +1,4 @@
-import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.86c4b36f.js";
+import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.4ab0ec82.js";
 import {createContext as $a90Ta$createContext, useMemo as $a90Ta$useMemo, useContext as $a90Ta$useContext} from "react";
 import $a90Ta$macrostrathyper from "@macrostrat/hyper";
 
@@ -42,11 +42,12 @@ function $d5074f164411387e$export$6fb40844db555b2() {
     return $d5074f164411387e$export$f8509b7cce386c7d().units;
 }
 function $d5074f164411387e$export$a7fc62995ec4f76() {
-    const ctx = (0, $a90Ta$useContext)($d5074f164411387e$var$MacrostratColumnDataContext);
-    if (!ctx) throw new Error("useCompositeScale must be used within a MacrostratUnitsProvider");
-    return (0, $728f6cf6c12cd490$export$3ada7641926a616d)(ctx.sections, true);
+    const ctx = $d5074f164411387e$export$f8509b7cce386c7d();
+    return (0, $a90Ta$useMemo)(()=>(0, $728f6cf6c12cd490$export$3ada7641926a616d)(ctx.sections, true), [
+        ctx.sections
+    ]);
 }
 
 
 export {$d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
-//# sourceMappingURL=column-views.ea237aa8.js.map
+//# sourceMappingURL=column-views.1e055ed5.js.map

package/dist/esm/column-views.1e055ed5.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAuBA,MAAM,oDACJ,CAAA,GAAA,oBAAY,EAA+B;AAEtC,SAAS,0CAA6B,YAC3C,QAAQ,SACR,KAAK,YACL,QAAQ,eACR,WAAW,YACX,QAAQ,EAC8C;IACtD;;;;;;;;;KASG,GAEH,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,OAAO;mBACL;sBACA;yBACA;sBACA;QACF;IACF,GAAG;QAAC;QAAO;QAAU;QAAa;KAAS;IAE3C,OAAO,CAAA,GAAA,sBAAA,EAAE,kDAA4B,QAAQ,EAAE;eAAE;IAAM,GAAG;AAC5D;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO;AACT;AAEO,SAAS;IACd,OAAO,4CAA0B,KAAK;AACxC;AAEO,SAAS;IACd,MAAM,MAAM;IACZ,OAAO,CAAA,GAAA,cAAM,EACX,IAAM,CAAA,GAAA,yCAAmB,EAAE,IAAI,QAAQ,EAAE,OACzC;QAAC,IAAI,QAAQ;KAAC;AAElB","sources":["packages/column-views/src/data-provider/store.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  ReactNode,\n  useMemo,\n  useEffect,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  createCompositeScale,\n  PackageLayoutData,\n  CompositeColumnScale,\n} from \"../prepare-units/composite-scale\";\nimport { ExtUnit } from \"../prepare-units/helpers\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\n\nexport interface MacrostratColumnDataContext {\n  units: ExtUnit[];\n  sections: PackageLayoutData[];\n  totalHeight?: number;\n  axisType?: ColumnAxisType;\n}\n\nconst MacrostratColumnDataContext =\n  createContext<MacrostratColumnDataContext>(null);\n\nexport function MacrostratColumnDataProvider({\n  children,\n  units,\n  sections,\n  totalHeight,\n  axisType,\n}: MacrostratColumnDataContext & { children: ReactNode }) {\n  /** Provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */\n\n  const value = useMemo(() => {\n    return {\n      units,\n      sections,\n      totalHeight,\n      axisType,\n    };\n  }, [units, sections, totalHeight, axisType]);\n\n  return h(MacrostratColumnDataContext.Provider, { value }, children);\n}\n\nexport function useMacrostratColumnData() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\",\n    );\n  }\n  return ctx;\n}\n\nexport function useMacrostratUnits() {\n  return useMacrostratColumnData().units;\n}\n\nexport function useCompositeScale(): CompositeColumnScale {\n  const ctx = useMacrostratColumnData();\n  return useMemo(\n    () => createCompositeScale(ctx.sections, true),\n    [ctx.sections],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.1e055ed5.js.map"}

package/dist/esm/{column-views.1ece326b.js → column-views.1f123354.js}

@@ -1,7 +1,7 @@
 import "./column-views.25471fe0.css";
 import $01tAX$columnviews58b82432js from "./column-views.58b82432.js";
-import {useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373, useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555} from "./column-views.28ee5f43.js";
-import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0} from "./column-views.650bd9f5.js";
+import {useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555, useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373} from "./column-views.3ba9213d.js";
+import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0} from "./column-views.7715e35e.js";
 import $01tAX$macrostrathyper from "@macrostrat/hyper";
 import {JSONView as $01tAX$JSONView} from "@macrostrat/ui-components";
 import {Button as $01tAX$Button, ButtonGroup as $01tAX$ButtonGroup} from "@blueprintjs/core";
@@ -28,7 +28,7 @@ function $448b24baeef3b229$export$fbd245232df17557({ unit: unit, onClose: onClos
     "outcrop-type",
     "json-toggle",
     "depth-range"
-]), lithologyFeatures: lithologyFeatures, actions: actions, selectUnit: selectUnit, columnUnits: columnUnits }) {
+]), lithologyFeatures: lithologyFeatures, actions: actions, selectUnit: selectUnit, columnUnits: columnUnits, onClickItem: onClickItem }) {
     const [showJSON, setShowJSON] = (0, $01tAX$useState)(false);
     let content = null;
     if (showJSON) content = $448b24baeef3b229$var$h((0, $01tAX$JSONView), {
@@ -38,7 +38,8 @@ function $448b24baeef3b229$export$fbd245232df17557({ unit: unit, onClose: onClos
     else content = $448b24baeef3b229$var$h($448b24baeef3b229$var$UnitDetailsContent, {
         unit: unit,
         features: features,
-        lithologyFeatures: lithologyFeatures
+        lithologyFeatures: lithologyFeatures,
+        onClickItem: onClickItem
     });
     let title = (0, $bc17276da4abb183$export$c9757aeb43a67df0)(unit);
     let hiddenActions = null;
@@ -103,7 +104,7 @@ function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: sele
 ]), features: features = new Set([
     "adjacent-units",
     "outcrop-type"
-]) }) {
+]), onClickItem: onClickItem, getItemHref: getItemHref }) {
     const lithMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("lithologies");
     const envMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("environments");
     const environments = $448b24baeef3b229$var$enhanceEnvironments(unit.environ, envMap);
@@ -163,7 +164,9 @@ function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: sele
         $448b24baeef3b229$var$h((0, $01tAX$LithologyList), {
             label: "Lithology",
             lithologies: lithologies,
-            features: lithologyFeatures
+            features: lithologyFeatures,
+            getItemHref: getItemHref,
+            onClickItem: onClickItem
         }),
         $448b24baeef3b229$var$h($448b24baeef3b229$var$AgeField, {
             unit: unit
@@ -172,11 +175,14 @@ function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: sele
                 value: unit.b_age - unit.t_age
             })),
             $448b24baeef3b229$var$h($448b24baeef3b229$var$IntervalProportions, {
-                unit: unit
+                unit: unit,
+                onClickItem: onClickItem
             })
         ]),
         $448b24baeef3b229$var$h((0, $01tAX$EnvironmentsList), {
-            environments: environments
+            environments: environments,
+            onClickItem: onClickItem,
+            getItemHref: getItemHref
         }),
         $448b24baeef3b229$var$h.if(unit.strat_name_id != null)((0, $01tAX$DataField), {
             label: "Stratigraphic name"
@@ -292,6 +298,38 @@ function $448b24baeef3b229$var$getAgeRange(_unit) {
         unit
     ];
 }
+function $448b24baeef3b229$var$getAge(value) {
+    /** Get the age value in Ma, ka, or Ga as appropriate */ let unit = "Ma";
+    if (value < 0.8) {
+        unit = "ka";
+        value *= 1000;
+        if (value < 5) {
+            unit = "yr";
+            value *= 1000;
+        }
+    } else if (value > 1000) {
+        unit = "Ga";
+        value /= 1000;
+    }
+    return [
+        value,
+        unit
+    ];
+}
+function $448b24baeef3b229$export$37ebfd237811b1eb({ age: age, maximumFractionDigits: maximumFractionDigits = 2, minimumFractionDigits: minimumFractionDigits = 0, className: className }) {
+    /** Component to display a single age value with unit conversion from
+   * Ma to ka or Ga as appropriate.
+   */ const [value, unit] = $448b24baeef3b229$var$getAge(age);
+    const _value = value.toLocaleString("en-US", {
+        maximumFractionDigits: maximumFractionDigits,
+        minimumFractionDigits: minimumFractionDigits
+    });
+    return $448b24baeef3b229$var$h((0, $01tAX$Value), {
+        value: _value,
+        unit: unit,
+        className: className
+    });
+}
 function $448b24baeef3b229$export$3b11bc38611c5941({ value: value, maximumFractionDigits: maximumFractionDigits = 2, minimumFractionDigits: minimumFractionDigits = 0 }) {
     let unit = "Myr";
     if (value < 0.8) {
@@ -347,7 +385,7 @@ function $448b24baeef3b229$var$UnitIDList({ units: units, selectUnit: selectUnit
         }, unit);
     }));
 }
-function $448b24baeef3b229$var$IntervalProportions({ unit: unit }) {
+function $448b24baeef3b229$var$IntervalProportions({ unit: unit, onClickItem: onClickItem }) {
     const i0 = unit.b_int_id;
     const i1 = unit.t_int_id;
     let b_prop = unit.b_prop ?? 0;
@@ -373,14 +411,25 @@ function $448b24baeef3b229$var$IntervalProportions({ unit: unit }) {
         $448b24baeef3b229$var$h("span.sep", "to"),
         p1
     ]);
+    const clickable = onClickItem != null;
+    const handleClick = (event)=>{
+        if (onClickItem) onClickItem({
+            event: event,
+            data: interval0
+        });
+    };
     return $448b24baeef3b229$var$h("div.interval-proportions", [
         $448b24baeef3b229$var$h((0, $01tAX$IntervalTag), {
+            className: clickable ? "clickable" : "",
+            onClick: clickable ? handleClick : undefined,
             interval: interval0,
             prefix: p0
         }),
         $448b24baeef3b229$var$h.if(i0 != i1)("span.discourage-break", [
             $448b24baeef3b229$var$h("span.sep", "to"),
             $448b24baeef3b229$var$h((0, $01tAX$IntervalTag), {
+                className: clickable ? "clickable" : "",
+                onClick: clickable ? handleClick : undefined,
                 interval: {
                     ...int1,
                     id: i1,
@@ -416,5 +465,5 @@ function $448b24baeef3b229$var$formatSignificance(value, precision = null) {
 }
 
 
-export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration};
-//# sourceMappingURL=column-views.1ece326b.js.map
+export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration, $448b24baeef3b229$export$37ebfd237811b1eb as AgeLabel};
+//# sourceMappingURL=column-views.1f123354.js.map