@macrostrat/column-views 2.0.1 → 2.1.1

package/dist/esm/column-views.e20f6a4b.js

@@ -0,0 +1,124 @@
+import {useDetritalMeasurements as $9f310bd6e88a58bc$export$1b0cf9c36f060135} from "./column-views.05586d1f.js";
+import {useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.1e055ed5.js";
+import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.f13a1d6e.js";
+import $d4hxx$columnviews2c45a7b5js from "./column-views.2c45a7b5.js";
+import "./column-views.403a7b48.css";
+import {usePlotArea as $d4hxx$usePlotArea, DetritalSpectrumPlot as $d4hxx$DetritalSpectrumPlot, DetritalSeries as $d4hxx$DetritalSeries} from "@macrostrat/data-components";
+import $d4hxx$macrostrathyper from "@macrostrat/hyper";
+import {useMemo as $d4hxx$useMemo} from "react";
+import $d4hxx$classnames from "classnames";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+const $715dd5fedd79146a$var$h = (0, $d4hxx$macrostrathyper).styled((0, ($parcel$interopDefault($d4hxx$columnviews2c45a7b5js))));
+function $715dd5fedd79146a$var$DepositionalAge({ unit: unit }) {
+    const { xScale: xScale, height: height } = (0, $d4hxx$usePlotArea)();
+    const { t_age: t_age, b_age: b_age } = unit;
+    const x = xScale(t_age);
+    const x1 = xScale(b_age);
+    return $715dd5fedd79146a$var$h("rect.depositional-age", {
+        x: x,
+        width: x1 - x,
+        y: 0,
+        height: height
+    });
+}
+function $715dd5fedd79146a$export$1b3047373cd1c8c7(props) {
+    const { note: note, width: width, height: height, color: color, spacing: spacing } = props;
+    const { data: data, unit: unit } = note;
+    const { geo_unit: geo_unit } = data[0];
+    const _color = color;
+    const spaceBelow = spacing?.below ?? 100;
+    const hideAxisLabels = spaceBelow < 60;
+    return $715dd5fedd79146a$var$h("div.detrital-group", {
+        className: (0, $d4hxx$classnames)({
+            "hide-axis": hideAxisLabels
+        })
+    }, [
+        $715dd5fedd79146a$var$h((0, $d4hxx$DetritalSpectrumPlot), {
+            width: width,
+            innerHeight: height,
+            showAxisLabels: true,
+            paddingBottom: 40
+        }, [
+            $715dd5fedd79146a$var$h.if(unit != null)($715dd5fedd79146a$var$DepositionalAge, {
+                unit: unit
+            }),
+            data.map((d)=>{
+                return $715dd5fedd79146a$var$h((0, $d4hxx$DetritalSeries), {
+                    bandwidth: 20,
+                    data: d.measure_value,
+                    color: _color
+                });
+            })
+        ])
+    ]);
+}
+const $715dd5fedd79146a$var$matchingUnit = (dz)=>(d)=>d.unit_id == dz[0].unit_id;
+function $715dd5fedd79146a$export$f176396e104db8d5({ columnID: columnID, color: color = "magenta" }) {
+    const data = (0, $9f310bd6e88a58bc$export$1b0cf9c36f060135)({
+        col_id: columnID
+    });
+    const units = (0, $d5074f164411387e$export$6fb40844db555b2)();
+    const notes = (0, $d4hxx$useMemo)(()=>{
+        if (data == null || units == null) return [];
+        let dzUnitData = Array.from(data.values());
+        dzUnitData.sort((a, b)=>{
+            const v1 = units.findIndex($715dd5fedd79146a$var$matchingUnit(a));
+            const v2 = units.findIndex($715dd5fedd79146a$var$matchingUnit(b));
+            return v1 - v2;
+        });
+        const data1 = dzUnitData.map((d)=>{
+            const unit = units.find($715dd5fedd79146a$var$matchingUnit(d));
+            return {
+                top_height: unit?.t_age,
+                height: unit?.b_age,
+                data: d,
+                unit: unit,
+                id: unit?.unit_id
+            };
+        });
+        return data1.filter((d)=>d.unit != null);
+    }, [
+        data,
+        units
+    ]);
+    const width = 400;
+    const paddingLeft = 40;
+    const spectrumWidth = width - paddingLeft;
+    const noteComponent = (0, $d4hxx$useMemo)(()=>{
+        return (props)=>{
+            return $715dd5fedd79146a$var$h($715dd5fedd79146a$export$1b3047373cd1c8c7, {
+                width: spectrumWidth,
+                height: 40,
+                color: color,
+                ...props
+            });
+        };
+    }, [
+        width,
+        color
+    ]);
+    if (data == null || units == null) return null;
+    return $715dd5fedd79146a$var$h("div.dz-spectra", $715dd5fedd79146a$var$h((0, $9e52fe4012c88296$export$fc5babae10f3f77d), {
+        width: width,
+        paddingLeft: paddingLeft,
+        notes: notes,
+        noteComponent: noteComponent,
+        deltaConnectorAttachment: 20
+    }));
+}
+
+
+export {$715dd5fedd79146a$export$1b3047373cd1c8c7 as DetritalGroup, $715dd5fedd79146a$export$f176396e104db8d5 as DetritalColumn};
+//# sourceMappingURL=column-views.e20f6a4b.js.map

package/dist/esm/column-views.e20f6a4b.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAgB5B,SAAS,sCAAgB,QAAE,IAAI,EAAE;IAC/B,MAAM,UAAE,MAAM,UAAE,MAAM,EAAE,GAAG,CAAA,GAAA,kBAAU;IAErC,MAAM,SAAE,KAAK,SAAE,KAAK,EAAE,GAAG;IACzB,MAAM,IAAI,OAAO;IACjB,MAAM,KAAK,OAAO;IAElB,OAAO,wBAAE,yBAAyB;WAAE;QAAG,OAAO,KAAK;QAAG,GAAG;gBAAG;IAAO;AACrE;AAEA,SAAS,0CAAc,KAAwB;IAC7C,MAAM,QAAE,IAAI,SAAE,KAAK,UAAE,MAAM,SAAE,KAAK,WAAE,OAAO,EAAE,GAAG;IAChD,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;IACvB,MAAM,YAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE;IAE5B,MAAM,SAAS;IAEf,MAAM,aAAa,SAAS,SAAS;IACrC,MAAM,iBAAiB,aAAa;IAEpC,OAAO,wBACL,sBACA;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE;YAAE,aAAa;QAAe;IAAG,GACzD;QACE,wBACE,CAAA,GAAA,2BAAmB,GACnB;mBAAE;YAAO,aAAa;YAAQ,gBAAgB;YAAM,eAAe;QAAG,GACtE;YACE,wBAAE,EAAE,CAAC,QAAQ,MAAM,uCAAiB;sBAAE;YAAK;YAC3C,KAAK,GAAG,CAAC,CAAC;gBACR,OAAO,wBAAE,CAAA,GAAA,qBAAa,GAAG;oBACvB,WAAW;oBACX,MAAM,EAAE,aAAa;oBACrB,OAAO;gBACT;YACF;SACD;KAEJ;AAEL;AAEA,MAAM,qCAAe,CAAC,KAAO,CAAC,IAAM,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC,OAAO;AAE9D,SAAS,0CAAe,YAAE,QAAQ,SAAE,QAAQ,WAAW;IACrD,MAAM,OAAO,CAAA,GAAA,yCAAsB,EAAE;QAAE,QAAQ;IAAS;IACxD,MAAM,QAAQ,CAAA,GAAA,wCAAiB;IAE/B,MAAM,QAAe,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO,EAAE;QAC5C,IAAI,aAAa,MAAM,IAAI,CAAC,KAAK,MAAM;QACvC,WAAW,IAAI,CAAC,CAAC,GAAG;YAClB,MAAM,KAAK,MAAM,SAAS,CAAC,mCAAa;YACxC,MAAM,KAAK,MAAM,SAAS,CAAC,mCAAa;YACxC,OAAO,KAAK;QACd;QAEA,MAAM,QAAQ,WAAW,GAAG,CAAC,CAAC;YAC5B,MAAM,OAAO,MAAM,IAAI,CAAC,mCAAa;YACrC,OAAO;gBACL,YAAY,MAAM;gBAClB,QAAQ,MAAM;gBACd,MAAM;sBACN;gBACA,IAAI,MAAM;YACZ;QACF;QAEA,OAAO,MAAM,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IACvC,GAAG;QAAC;QAAM;KAAM;IAEhB,MAAM,QAAQ;IACd,MAAM,cAAc;IAEpB,MAAM,gBAAgB,QAAQ;IAE9B,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAAE;QAC5B,OAAO,CAAC;YACN,OAAO,wBAAE,2CAAe;gBACtB,OAAO;gBACP,QAAQ;uBACR;gBACA,GAAG,KAAK;YACV;QACF;IACF,GAAG;QAAC;QAAO;KAAM;IAEjB,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO;IAE1C,OAAO,wBACL,kBACA,wBAAE,CAAA,GAAA,yCAAU,GAAG;eACb;qBACA;eACA;uBACA;QACA,0BAA0B;IAC5B;AAEJ","sources":["packages/column-views/src/facets/detrital-zircon/index.ts"],"sourcesContent":["import {\n  DetritalSpectrumPlot,\n  DetritalSeries,\n  usePlotArea,\n} from \"@macrostrat/data-components\";\nimport { IUnit } from \"../../units/types\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDetritalMeasurements, MeasurementInfo } from \"./provider\";\nimport { useMacrostratUnits } from \"../../data-provider\";\nimport { ColumnNotes } from \"../../notes\";\nimport { useMemo } from \"react\";\nimport styles from \"./index.module.sass\";\nimport classNames from \"classnames\";\n\nconst h = hyper.styled(styles);\n\ninterface DetritalItemProps {\n  note: {\n    data: MeasurementInfo[];\n    unit?: IUnit;\n  };\n  spacing?: {\n    below?: number;\n    above?: number;\n  };\n  width?: number;\n  height?: number;\n  color?: string;\n}\n\nfunction DepositionalAge({ unit }) {\n  const { xScale, height } = usePlotArea();\n\n  const { t_age, b_age } = unit;\n  const x = xScale(t_age);\n  const x1 = xScale(b_age);\n\n  return h(\"rect.depositional-age\", { x, width: x1 - x, y: 0, height });\n}\n\nfunction DetritalGroup(props: DetritalItemProps) {\n  const { note, width, height, color, spacing } = props;\n  const { data, unit } = note;\n  const { geo_unit } = data[0];\n\n  const _color = color;\n\n  const spaceBelow = spacing?.below ?? 100;\n  const hideAxisLabels = spaceBelow < 60;\n\n  return h(\n    \"div.detrital-group\",\n    { className: classNames({ \"hide-axis\": hideAxisLabels }) },\n    [\n      h(\n        DetritalSpectrumPlot,\n        { width, innerHeight: height, showAxisLabels: true, paddingBottom: 40 },\n        [\n          h.if(unit != null)(DepositionalAge, { unit }),\n          data.map((d) => {\n            return h(DetritalSeries, {\n              bandwidth: 20,\n              data: d.measure_value,\n              color: _color,\n            });\n          }),\n        ],\n      ),\n    ],\n  );\n}\n\nconst matchingUnit = (dz) => (d) => d.unit_id == dz[0].unit_id;\n\nfunction DetritalColumn({ columnID, color = \"magenta\" }) {\n  const data = useDetritalMeasurements({ col_id: columnID });\n  const units = useMacrostratUnits();\n\n  const notes: any[] = useMemo(() => {\n    if (data == null || units == null) return [];\n    let dzUnitData = Array.from(data.values());\n    dzUnitData.sort((a, b) => {\n      const v1 = units.findIndex(matchingUnit(a));\n      const v2 = units.findIndex(matchingUnit(b));\n      return v1 - v2;\n    });\n\n    const data1 = dzUnitData.map((d) => {\n      const unit = units.find(matchingUnit(d));\n      return {\n        top_height: unit?.t_age,\n        height: unit?.b_age,\n        data: d,\n        unit,\n        id: unit?.unit_id,\n      };\n    });\n\n    return data1.filter((d) => d.unit != null);\n  }, [data, units]);\n\n  const width = 400;\n  const paddingLeft = 40;\n\n  const spectrumWidth = width - paddingLeft;\n\n  const noteComponent = useMemo(() => {\n    return (props) => {\n      return h(DetritalGroup, {\n        width: spectrumWidth,\n        height: 40,\n        color,\n        ...props,\n      });\n    };\n  }, [width, color]);\n\n  if (data == null || units == null) return null;\n\n  return h(\n    \"div.dz-spectra\",\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes,\n      noteComponent,\n      deltaConnectorAttachment: 20,\n    }),\n  );\n}\n\nexport { DetritalColumn, DetritalGroup };\n"],"names":[],"version":3,"file":"column-views.e20f6a4b.js.map"}

package/dist/esm/{column-views.57c4ddf3.js → column-views.f08929e2.js}

@@ -1,4 +1,4 @@
-import {MergeSectionsMode as $76e92a964ee11b97$export$e1644389ce074058, prepareColumnUnits as $76e92a964ee11b97$export$be8c5a449df4bde4, preprocessUnits as $a52J6$preprocessUnits} from "./column-views.34636ec7.js";
+import {MergeSectionsMode as $76e92a964ee11b97$export$e1644389ce074058, prepareColumnUnits as $76e92a964ee11b97$export$be8c5a449df4bde4, preprocessUnits as $a52J6$preprocessUnits} from "./column-views.c71c321c.js";
 import {ColumnAxisType as $a52J6$ColumnAxisType} from "@macrostrat/column-components";
 import {mergeAgeRanges as $a52J6$mergeAgeRanges} from "@macrostrat/stratigraphy-utils";
 
@@ -122,4 +122,4 @@ function $2c6a8e6a98a077ae$export$63b33da9b6dd754c(col) {
 
 
 export {$2c6a8e6a98a077ae$export$7f21dc14b8199dc0 as buildCorrelationChartData, $2c6a8e6a98a077ae$export$cc5d9b95e199a6de as findLaterallyExtensiveUnits, $2c6a8e6a98a077ae$export$3e71a3125322d04b as splitStratIntoBoxes, $2c6a8e6a98a077ae$export$63b33da9b6dd754c as columnGeoJSONRecordToColumnIdentifier};
-//# sourceMappingURL=column-views.57c4ddf3.js.map
+//# sourceMappingURL=column-views.f08929e2.js.map

package/dist/esm/column-views.f08929e2.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/correlation-chart/prepare-data.ts"],"sourcesContent":["import { CompositeStratigraphicScaleInfo } from \"../age-axis\";\nimport { PackageLayoutData } from \"../prepare-units/composite-scale\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { type ColumnGeoJSONRecord, UnitLong } from \"@macrostrat/api-types\";\nimport {\n  MergeSectionsMode,\n  PrepareColumnOptions,\n  prepareColumnUnits,\n  preprocessUnits,\n} from \"../prepare-units\";\nimport { mergeAgeRanges } from \"@macrostrat/stratigraphy-utils\";\n\nexport interface ColumnIdentifier {\n  col_id: number;\n  col_name: string;\n  project_id: number;\n}\n\ninterface ColumnData {\n  columnID: number;\n  units: UnitLong[];\n}\n\nexport interface CorrelationChartSettings\n  extends Omit<PrepareColumnOptions, \"axisType\"> {\n  targetUnitHeight?: number;\n}\n\nexport interface CorrelationChartData {\n  packages: MultiColumnPackageData[];\n  scaleInfo: CompositeStratigraphicScaleInfo;\n  nColumns: number;\n}\n\nexport interface ColumnIdentifier {\n  col_id: number;\n  col_name: string;\n  project_id: number;\n}\n\nexport function buildCorrelationChartData(\n  columns: ColumnData[],\n  settings: CorrelationChartSettings,\n): CorrelationChartData {\n  console.log(settings);\n  const {\n    mergeSections = MergeSectionsMode.OVERLAPPING,\n    targetUnitHeight,\n    ...rest\n  } = settings;\n\n  const opts: PrepareColumnOptions = {\n    axisType: ColumnAxisType.AGE,\n    targetUnitHeight,\n    ...rest,\n  };\n\n  if (columns.length == 0) {\n    return null;\n  }\n\n  // Flatten the units array to pretend that all units are in the same column\n  const _units = columns.map((d) => d.units).flat();\n\n  const columnIDs = columns.map((d) => d.columnID);\n\n  const preparedUnits = prepareColumnUnits(_units, opts);\n\n  const { sections, totalHeight } = preparedUnits;\n\n  const scaleInfo: CompositeStratigraphicScaleInfo = {\n    axisType: ColumnAxisType.AGE,\n    totalHeight,\n    packages: sections.map((d) => d.scaleInfo),\n  };\n\n  const packages = sections.map((d) => {\n    return separateColumns(d, columnIDs);\n  });\n\n  return { scaleInfo, packages, nColumns: columnIDs.length };\n}\n\ninterface UnitGroup {\n  b_age: number;\n  t_age: number;\n  strat_name_id: number;\n  strat_name_long: string;\n  units: (UnitLong | null)[];\n}\n\nexport interface UnitGroupBox extends UnitGroup {\n  units: UnitLong[];\n  startCol: number;\n  endCol: number;\n}\n\ninterface ColumnExt {\n  columnID: number;\n  units: UnitLong[];\n}\n\ninterface MultiColumnPackageData {\n  columnData: ColumnExt[];\n  bestPixelScale: number;\n  b_age: number;\n  t_age: number;\n}\n\nexport function findLaterallyExtensiveUnits(\n  pkg: MultiColumnPackageData,\n): UnitGroup[] {\n  const { columnData, b_age, t_age } = pkg;\n  // Group units by strat_name_id\n  const unitIndex = new Map<number, Map<number, UnitLong>>();\n  for (const column of columnData) {\n    const { units } = column;\n    for (const unit of units) {\n      if (unit.strat_name_id == null) continue;\n      if (!unitIndex.has(unit.strat_name_id)) {\n        unitIndex.set(unit.strat_name_id, new Map());\n      }\n      unitIndex.get(unit.strat_name_id).set(column.columnID, unit);\n    }\n  }\n\n  // Prepare grouped units for rendering\n  const unitGroups: UnitGroup[] = [];\n  for (const [strat_name_id, unitIndex0] of unitIndex) {\n    const units = columnData.map((d) => unitIndex0.get(d.columnID) ?? null);\n    const filteredUnits = units.filter((d) => d != null);\n    const [t_age, b_age] = mergeAgeRanges(\n      filteredUnits.map((d) => [d.t_age, d.b_age]),\n    );\n    if (filteredUnits.length <= 1) continue;\n\n    unitGroups.push({\n      b_age,\n      t_age,\n      strat_name_id,\n      strat_name_long: filteredUnits[0].strat_name_long,\n      units,\n    });\n  }\n\n  return unitGroups;\n}\n\nexport function splitStratIntoBoxes(pkg: UnitGroup): UnitGroupBox[] {\n  const { strat_name_long, strat_name_id, units } = pkg;\n  const boxes: UnitGroupBox[] = [];\n  let currentBox: UnitGroupBox = null;\n  for (let i = 0; i < units.length; i++) {\n    const unit = units[i];\n    if (unit == null) {\n      if (currentBox != null) {\n        boxes.push(currentBox);\n        currentBox = null;\n      }\n      continue;\n    }\n    if (currentBox == null) {\n      currentBox = {\n        startCol: i,\n        endCol: i,\n        strat_name_id,\n        strat_name_long,\n        t_age: unit.t_age,\n        b_age: unit.b_age,\n        units: [],\n      };\n    } else {\n      currentBox.endCol = i;\n    }\n    currentBox.units.push(unit);\n  }\n  return boxes;\n}\n\nfunction separateColumns(\n  pkg: PackageLayoutData,\n  columnIDs: number[],\n): MultiColumnPackageData {\n  /** Separate columns by col_id */\n  const { units, t_age, b_age } = pkg;\n\n  return {\n    columnData: columnIDs.map((d) => {\n      const u1 = units.filter((unit) => unit.col_id == d);\n      u1.sort((a, b) => a.t_age - b.t_age);\n      return {\n        columnID: d,\n        // Ensure that the units correctly show overlap\n        units: preprocessUnits(\n          {\n            ...pkg,\n            units: u1,\n          },\n          ColumnAxisType.AGE,\n        ),\n      };\n    }),\n    bestPixelScale: pkg.scaleInfo.pixelScale,\n    t_age,\n    b_age,\n  };\n}\n\nexport function columnGeoJSONRecordToColumnIdentifier(\n  col: ColumnGeoJSONRecord,\n): ColumnIdentifier {\n  return {\n    col_id: col.properties.col_id,\n    col_name: col.properties.col_name,\n    project_id: col.properties.project_id,\n  };\n}\n"],"names":[],"version":3,"file":"column-views.f08929e2.js.map"}

package/dist/esm/column-views.f13a1d6e.js

@@ -0,0 +1,37 @@
+import {ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.d2037465.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
+import $aB7pQ$macrostrathyper from "@macrostrat/hyper";
+import {SVG as $aB7pQ$SVG, StaticNotesColumn as $aB7pQ$StaticNotesColumn} from "@macrostrat/column-components";
+
+
+
+
+
+function $9e52fe4012c88296$export$fc5babae10f3f77d({ notes: notes, width: width = 200, noteComponent: noteComponent, paddingLeft: paddingLeft = 60, deltaConnectorAttachment: deltaConnectorAttachment, children: children }) {
+    const { totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    return (0, $aB7pQ$macrostrathyper)((0, $8c8238faa5cde49c$export$6cc7a9df4edde18), {
+        scale: scale,
+        totalHeight: totalHeight,
+        pixelScale: -1
+    }, [
+        (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$SVG), {
+            width: width,
+            height: totalHeight,
+            paddingH: 4
+        }, [
+            (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$StaticNotesColumn), {
+                width: width,
+                notes: notes,
+                noteComponent: noteComponent,
+                paddingLeft: paddingLeft,
+                deltaConnectorAttachment: deltaConnectorAttachment
+            })
+        ]),
+        children
+    ]);
+}
+
+
+export {$9e52fe4012c88296$export$fc5babae10f3f77d as ColumnNotes};
+//# sourceMappingURL=column-views.f13a1d6e.js.map

package/dist/esm/column-views.f13a1d6e.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAiBO,SAAS,0CAAY,SAC1B,KAAK,SACL,QAAQ,oBACR,aAAa,eACb,cAAc,8BACd,wBAAwB,YACxB,QAAQ,EACS;IACjB,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAC9C,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,OAAO,CAAA,GAAA,sBAAA,EACL,CAAA,GAAA,wCAAkB,GAClB;eACE;qBACA;QACA,YAAY;IACd,GACA;QACE,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,UAAE,GAAG;mBAAE;YAAO,QAAQ;YAAa,UAAU;QAAE,GAAG;YAClD,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,wBAAgB,GAAG;uBACnB;uBACA;+BACA;6BACA;0CACA;YACF;SACD;QACD;KACD;AAEL","sources":["packages/column-views/src/notes.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\n\nimport { ColumnNotesProvider } from \"./units\";\n\nimport { StaticNotesColumn, SVG } from \"@macrostrat/column-components\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport type { ReactNode } from \"react\";\n\ninterface ColumnNotesProps {\n  notes: any[];\n  width?: number;\n  noteComponent?: any;\n  paddingLeft?: number;\n  deltaConnectorAttachment?: number;\n  children?: ReactNode;\n}\n\nexport function ColumnNotes({\n  notes,\n  width = 200,\n  noteComponent,\n  paddingLeft = 60,\n  deltaConnectorAttachment,\n  children,\n}: ColumnNotesProps) {\n  const { totalHeight } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  return h(\n    ColumnNotesProvider,\n    {\n      scale,\n      totalHeight,\n      pixelScale: -1,\n    },\n    [\n      h(SVG, { width, height: totalHeight, paddingH: 4 }, [\n        h(StaticNotesColumn, {\n          width,\n          notes,\n          noteComponent,\n          paddingLeft,\n          deltaConnectorAttachment,\n        }),\n      ]),\n      children,\n    ],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.f13a1d6e.js.map"}

package/dist/esm/column-views.f9dab157.js.map

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/units/types.ts"],"sourcesContent":["export interface IUnit {\n  unit_id: number;\n  col_id: number;\n  section_id: number;\n  t_age: number;\n  b_age: number;\n  [x: string]: any;\n}\n\nexport interface RectBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n"],"names":[],"version":3,"file":"column-views.f9dab157.js.map"}
+{"mappings":"","sources":["packages/column-views/src/units/types.ts"],"sourcesContent":["export interface IUnit {\n  unit_id: number;\n  col_id: number;\n  section_id: number;\n  t_age: number;\n  b_age: number;\n  [x: string]: any;\n  patternID?: string | number;\n  color?: string;\n}\n\nexport interface RectBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n"],"names":[],"version":3,"file":"column-views.f9dab157.js.map"}

package/dist/esm/column-views.fa19cea0.js

@@ -0,0 +1,108 @@
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.39657bbf.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
+import {useFossilData as $a3ff7da576c02df0$export$e6af757fa9780077} from "./column-views.3048acc1.js";
+import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.f13a1d6e.js";
+import "./column-views.57636733.css";
+import $6u76g$columnviews1c92b88fjs from "./column-views.1c92b88f.js";
+import $6u76g$macrostrathyper from "@macrostrat/hyper";
+import {useMemo as $6u76g$useMemo} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+const $b9286605a04210d4$var$h = (0, $6u76g$macrostrathyper).styled((0, ($parcel$interopDefault($6u76g$columnviews1c92b88fjs))));
+function $b9286605a04210d4$var$FossilInfo(props) {
+    const { note: note, spacing: spacing } = props;
+    const { data: data, unit: unit } = note;
+    let d1 = data;
+    let tooMany = null;
+    if (data.length > 5) {
+        const n = data.length - 5;
+        d1 = data.slice(0, 5);
+        tooMany = $b9286605a04210d4$var$h("li.too-many", `and ${n} more`);
+    }
+    return $b9286605a04210d4$var$h("ul.fossil-collections", [
+        d1.map((d)=>{
+            return $b9286605a04210d4$var$h("li.collection", {
+                key: d.cltn_id
+            }, [
+                $b9286605a04210d4$var$h($b9286605a04210d4$var$PBDBCollectionLink, {
+                    collection: d
+                })
+            ]);
+        }),
+        tooMany
+    ]);
+}
+function $b9286605a04210d4$var$PBDBCollectionLink({ collection: collection }) {
+    return $b9286605a04210d4$var$h("a.link-id", {
+        href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${collection.cltn_id}`
+    }, collection.cltn_name);
+}
+const $b9286605a04210d4$var$matchingUnit = (dz)=>(d)=>d.unit_id == dz.unit_id;
+function $b9286605a04210d4$export$554267114407ef68({ columnID: columnID, color: color = "magenta" }) {
+    const data = (0, $a3ff7da576c02df0$export$e6af757fa9780077)({
+        col_id: columnID
+    });
+    const { axisType: axisType, units: units } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const notes = (0, $6u76g$useMemo)(()=>{
+        if (data == null || units == null) return [];
+        let unitRefData = Array.from(data.values()).map((d)=>{
+            return {
+                data: d,
+                unit: units.find($b9286605a04210d4$var$matchingUnit(d[0]))
+            };
+        }).filter((d)=>d.unit != null);
+        unitRefData.sort((a, b)=>{
+            const v1 = units.indexOf(a.unit);
+            const v2 = units.indexOf(b.unit);
+            return v1 - v2;
+        });
+        return unitRefData.map((d)=>{
+            const { unit: unit, data: data } = d;
+            const heightRange = (0, $b6657fba8924a702$export$70e712e2ac0237a)(unit, axisType);
+            return {
+                top_height: heightRange[1],
+                height: heightRange[0],
+                data: data,
+                unit: unit,
+                id: unit.unit_id
+            };
+        });
+    }, [
+        data,
+        units
+    ]);
+    const width = 500;
+    const paddingLeft = 40;
+    const noteComponent = (0, $6u76g$useMemo)(()=>{
+        return (props)=>{
+            return $b9286605a04210d4$var$h($b9286605a04210d4$var$FossilInfo, {
+                color: color,
+                ...props
+            });
+        };
+    }, [
+        width,
+        color
+    ]);
+    if (data == null || units == null) return null;
+    return $b9286605a04210d4$var$h("div.dz-spectra", $b9286605a04210d4$var$h((0, $9e52fe4012c88296$export$fc5babae10f3f77d), {
+        width: width,
+        paddingLeft: paddingLeft,
+        notes: notes,
+        noteComponent: noteComponent
+    }));
+}
+
+
+export {$b9286605a04210d4$export$554267114407ef68 as PBDBFossilsColumn};
+//# sourceMappingURL=column-views.fa19cea0.js.map

package/dist/esm/column-views.fa19cea0.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAgB5B,SAAS,iCAAW,KAAsB;IACxC,MAAM,QAAE,IAAI,WAAE,OAAO,EAAE,GAAG;IAC1B,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;IAEvB,IAAI,KAAK;IAET,IAAI,UAAU;IACd,IAAI,KAAK,MAAM,GAAG,GAAG;QACnB,MAAM,IAAI,KAAK,MAAM,GAAG;QACxB,KAAK,KAAK,KAAK,CAAC,GAAG;QACnB,UAAU,wBAAE,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC;IAC5C;IAEA,OAAO,wBAAE,yBAAyB;QAChC,GAAG,GAAG,CAAC,CAAC;YACN,OAAO,wBAAE,iBAAiB;gBAAE,KAAK,EAAE,OAAO;YAAC,GAAG;gBAC5C,wBAAE,0CAAoB;oBAAE,YAAY;gBAAE;aACvC;QACH;QACA;KACD;AACH;AAEA,SAAS,yCAAmB,cAAE,UAAU,EAAkC;IACxE,OAAO,wBACL,aACA;QACE,MAAM,CAAC,mEAAmE,EAAE,WAAW,OAAO,EAAE;IAClG,GACA,WAAW,SAAS;AAExB;AAEA,MAAM,qCAAe,CAAC,KAAO,CAAC,IAAM,EAAE,OAAO,IAAI,GAAG,OAAO;AAEpD,SAAS,0CAAkB,YAAE,QAAQ,SAAE,QAAQ,WAAW;IAC/D,MAAM,OAAO,CAAA,GAAA,yCAAY,EAAE;QAAE,QAAQ;IAAS;IAC9C,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAElD,MAAM,QAAe,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO,EAAE;QAC5C,IAAI,cAAc,MAAM,IAAI,CAAC,KAAK,MAAM,IACrC,GAAG,CAAC,CAAC;YACJ,OAAO;gBACL,MAAM;gBACN,MAAM,MAAM,IAAI,CAAC,mCAAa,CAAC,CAAC,EAAE;YACpC;QACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;QAE3B,YAAY,IAAI,CAAC,CAAC,GAAG;YACnB,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,OAAO,KAAK;QACd;QAEA,OAAO,YAAY,GAAG,CAAC,CAAC;YACtB,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;YACvB,MAAM,cAAc,CAAA,GAAA,wCAAiB,EAAE,MAAM;YAE7C,OAAO;gBACL,YAAY,WAAW,CAAC,EAAE;gBAC1B,QAAQ,WAAW,CAAC,EAAE;sBACtB;sBACA;gBACA,IAAI,KAAK,OAAO;YAClB;QACF;IACF,GAAG;QAAC;QAAM;KAAM;IAEhB,MAAM,QAAQ;IACd,MAAM,cAAc;IAEpB,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAAE;QAC5B,OAAO,CAAC;YACN,OAAO,wBAAE,kCAAY;uBACnB;gBACA,GAAG,KAAK;YACV;QACF;IACF,GAAG;QAAC;QAAO;KAAM;IAEjB,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO;IAE1C,OAAO,wBACL,kBACA,wBAAE,CAAA,GAAA,yCAAU,GAAG;eACb;qBACA;eACA;uBACA;IACF;AAEJ","sources":["packages/column-views/src/facets/fossils/index.ts"],"sourcesContent":["import { getUnitHeightRange } from \"../../prepare-units\";\nimport { useMacrostratColumnData } from \"../../data-provider\";\nimport hyper from \"@macrostrat/hyper\";\nimport { PBDBCollection, useFossilData } from \"./provider\";\nimport { useMacrostratUnits } from \"../../data-provider\";\nimport { ColumnNotes } from \"../../notes\";\nimport { useMemo } from \"react\";\nimport type { IUnit } from \"../../units\";\nimport styles from \"./index.module.sass\";\n\nconst h = hyper.styled(styles);\n\ninterface FossilItemProps {\n  note: {\n    data: PBDBCollection[];\n    unit?: IUnit;\n  };\n  spacing?: {\n    below?: number;\n    above?: number;\n  };\n  width?: number;\n  height?: number;\n  color?: string;\n}\n\nfunction FossilInfo(props: FossilItemProps) {\n  const { note, spacing } = props;\n  const { data, unit } = note;\n\n  let d1 = data;\n\n  let tooMany = null;\n  if (data.length > 5) {\n    const n = data.length - 5;\n    d1 = data.slice(0, 5);\n    tooMany = h(\"li.too-many\", `and ${n} more`);\n  }\n\n  return h(\"ul.fossil-collections\", [\n    d1.map((d) => {\n      return h(\"li.collection\", { key: d.cltn_id }, [\n        h(PBDBCollectionLink, { collection: d }),\n      ]);\n    }),\n    tooMany,\n  ]);\n}\n\nfunction PBDBCollectionLink({ collection }: { collection: PBDBCollection }) {\n  return h(\n    \"a.link-id\",\n    {\n      href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${collection.cltn_id}`,\n    },\n    collection.cltn_name,\n  );\n}\n\nconst matchingUnit = (dz) => (d) => d.unit_id == dz.unit_id;\n\nexport function PBDBFossilsColumn({ columnID, color = \"magenta\" }) {\n  const data = useFossilData({ col_id: columnID });\n  const { axisType, units } = useMacrostratColumnData();\n\n  const notes: any[] = useMemo(() => {\n    if (data == null || units == null) return [];\n    let unitRefData = Array.from(data.values())\n      .map((d) => {\n        return {\n          data: d,\n          unit: units.find(matchingUnit(d[0])),\n        };\n      })\n      .filter((d) => d.unit != null);\n\n    unitRefData.sort((a, b) => {\n      const v1 = units.indexOf(a.unit);\n      const v2 = units.indexOf(b.unit);\n      return v1 - v2;\n    });\n\n    return unitRefData.map((d) => {\n      const { unit, data } = d;\n      const heightRange = getUnitHeightRange(unit, axisType);\n\n      return {\n        top_height: heightRange[1],\n        height: heightRange[0],\n        data,\n        unit,\n        id: unit.unit_id,\n      };\n    });\n  }, [data, units]);\n\n  const width = 500;\n  const paddingLeft = 40;\n\n  const noteComponent = useMemo(() => {\n    return (props) => {\n      return h(FossilInfo, {\n        color,\n        ...props,\n      });\n    };\n  }, [width, color]);\n\n  if (data == null || units == null) return null;\n\n  return h(\n    \"div.dz-spectra\",\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes,\n      noteComponent,\n    }),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.fa19cea0.js.map"}

package/dist/esm/{column-views.f71ec4b4.js → column-views.fdb0e9ec.js}

@@ -1,17 +1,17 @@
 import $bTsJU$columnviews4637f4cejs from "./column-views.4637f4ce.js";
-import "./column-views.240ef158.css";
-import {UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.8e51206e.js";
-import {UnitComponent as $4c8184c4a7317749$export$48a4cacf2b7a4441} from "./column-views.343b5aa2.js";
-import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.f2e5a72f.js";
-import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.ea237aa8.js";
-import {CompositeTimescale as $7d0f52717c0de7e1$export$db2df5a73a6fbe10, SectionsColumn as $7d0f52717c0de7e1$export$38cb0ab5af8f50d7} from "./column-views.fa6f3292.js";
-import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./column-views.9ced149e.js";
-import {usePreparedColumnUnits as $76e92a964ee11b97$export$206a0cb85295e433} from "./column-views.34636ec7.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.c8cc249a.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.4df0b803.js";
+import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./column-views.c32d6ad0.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";
 
 
@@ -33,7 +33,7 @@ function $parcel$interopDefault(a) {
 
 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-views.f71ec4b4.js.map
+//# sourceMappingURL=column-views.fdb0e9ec.js.map

package/dist/esm/column-views.fdb0e9ec.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.fdb0e9ec.js.map"}