@macrostrat/column-views 2.1.4 → 2.2.1

package/dist/esm/{column-views.f08929e2.js → column-views.88d63dd0.js}

@@ -1,4 +1,5 @@
-import {MergeSectionsMode as $76e92a964ee11b97$export$e1644389ce074058, prepareColumnUnits as $76e92a964ee11b97$export$be8c5a449df4bde4, preprocessUnits as $a52J6$preprocessUnits} from "./column-views.c71c321c.js";
+import {MergeSectionsMode as $b6657fba8924a702$export$e1644389ce074058} from "./column-views.54f8b909.js";
+import {prepareColumnUnits as $76e92a964ee11b97$export$be8c5a449df4bde4, preprocessUnits as $a52J6$preprocessUnits} from "./column-views.3a7179c4.js";
 import {ColumnAxisType as $a52J6$ColumnAxisType} from "@macrostrat/column-components";
 import {mergeAgeRanges as $a52J6$mergeAgeRanges} from "@macrostrat/stratigraphy-utils";
 
@@ -7,10 +8,11 @@ import {mergeAgeRanges as $a52J6$mergeAgeRanges} from "@macrostrat/stratigraphy-
 
 function $2c6a8e6a98a077ae$export$7f21dc14b8199dc0(columns, settings) {
     console.log(settings);
-    const { mergeSections: mergeSections = (0, $76e92a964ee11b97$export$e1644389ce074058).OVERLAPPING, targetUnitHeight: targetUnitHeight, ...rest } = settings;
+    const { mergeSections: mergeSections = (0, $b6657fba8924a702$export$e1644389ce074058).OVERLAPPING, targetUnitHeight: targetUnitHeight, ...rest } = settings;
     const opts = {
         axisType: (0, $a52J6$ColumnAxisType).AGE,
         targetUnitHeight: targetUnitHeight,
+        mergeSections: mergeSections,
         ...rest
     };
     if (columns.length == 0) return null;
@@ -122,4 +124,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.f08929e2.js.map
+//# sourceMappingURL=column-views.88d63dd0.js.map

package/dist/esm/column-views.88d63dd0.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 { 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\";\nimport { PackageLayoutData } from \"../prepare-units/types\";\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 extends Omit<\n  PrepareColumnOptions,\n  \"axisType\"\n> {\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    mergeSections,\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.88d63dd0.js.map"}

package/dist/esm/{column-views.935ef6f7.js → column-views.8b623b27.js}

@@ -1,4 +1,4 @@
-import {useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.e3b9a317.js";
+import {useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.c3495702.js";
 import {buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25, buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7} from "./column-views.dc42f5d0.js";
 import {useMemo as $1DDgQ$useMemo, useCallback as $1DDgQ$useCallback, useEffect as $1DDgQ$useEffect} from "react";
 import {setGeoJSON as $1DDgQ$setGeoJSON, buildGeoJSONSource as $1DDgQ$buildGeoJSONSource} from "@macrostrat/mapbox-utils";
@@ -109,4 +109,4 @@ function $ab1043903d5406ef$export$c613fba0aabeee13(color = "purple") {
 
 
 export {$ab1043903d5406ef$export$8c41dd563753848 as ColumnKeyboardNavigation, $ab1043903d5406ef$export$c613fba0aabeee13 as buildKeyboardNavigationStyle};
-//# sourceMappingURL=column-views.935ef6f7.js.map
+//# sourceMappingURL=column-views.8b623b27.js.map

package/dist/esm/{column-views.935ef6f7.js.map → column-views.8b623b27.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAaO,SAAS,yCAAyB,KAAuB;IAC9D,kEAAkE,GAClE,MAAM,qBAAE,oBAAoB,OAAO,GAAG;IACtC,MAAM,UAAU,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,OAAO;IACjE,MAAM,SAAS,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,cAAc;IACvE,MAAM,eAAe,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,YAAY;IAE3E,MAAM,UAAU,CAAA,GAAA,cAAM,EAAE;QACtB,IAAI,CAAC,WAAW,QAAQ,MAAM,IAAI,GAAG,OAAO;QAC5C,OAAO,CAAA,GAAA,yCAAiB,EAAE;IAC5B,GAAG;QAAC;KAAQ;IAEZ,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,MAAM,OAAO,OAAO;IAE1B,MAAM,aAAa,CAAA,GAAA,cAAM,EAAE;QACzB,IAAI,WAAW,QAAQ,WAAW,QAAQ,OAAO,MAAM,OAAO;QAE9D,MAAM,aAAa,CAAC;YAClB,MAAM,KAAK,IAAI,OAAO,CAAC;YACvB,OAAO;gBAAC,GAAG,CAAC;gBAAE,GAAG,CAAC;aAAC;QACrB;QAEA,MAAM,eAAe,QAAQ,SAAS,CACpC,CAAC,IAAM,EAAE,UAAU,CAAC,MAAM,IAAI;QAGhC,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAa;QAC9D,OAAO,CAAA,GAAA,yCAAc,EACnB,WACA,QAAQ,SAAS,EACjB,cACA;IAEJ,GAAG;QAAC;QAAQ;QAAS;QAAS;KAAI;IAElC,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,cAAc,MAAM;QACxB,MAAM,eAAe,UAAU,CAAC,MAAM,KAAK,CAAC;QAC5C,IAAI,gBAAgB,MAAM;QAC1B,MAAM,cAAc;QACpB,MAAM,eAAe;QACrB,aAAa;QACb,aAAa,OAAO,CAAC,aAAa,CAAC,EAAE;QACrC,OAAO;IACT,GACA;QAAC;QAAY;KAAa;IAG5B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,OAAO,MAAM;QACjB,MAAM,SAAS,IAAI,SAAS;QAC5B,OAAO,gBAAgB,CAAC,WAAW;QACnC,OAAO;YACL,OAAO,mBAAmB,CAAC,WAAW;QACxC;IACF,GAAG;QAAC;QAAK;KAAU;IAEnB,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,WAAW,QAAQ,CAAC,mBAAmB;QAC3C,MAAM,YAAE,QAAQ,EAAE,GAAG,QAAQ,GAAG,CAAC,KAAK;QAEtC,CAAA,GAAA,iBAAS,EAAE,KAAK,gBAAgB;YAC9B,MAAM;sBACN;QACF;IACF,GACA;QAAC;QAAS;KAAkB;IAG9B,qCAAqC;IACrC,6DAA6D;IAE7D,OAAO;AACT;AAEO,SAAS,0CAA6B,QAAgB,QAAQ;IACnE,OAAO;QACL,SAAS;YACP,gBAAgB,CAAA,GAAA,yBAAiB;QAEnC;QACA,QAAQ;YACN;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,cAAc;oBACd,cAAc;gBAChB;YACF;YACA;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,iBAAiB;oBACjB,gBAAgB;gBAClB;YACF;SACD;IACH;AACF","sources":["packages/column-views/src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id,\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection,\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn],\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation],\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  };\n}\n"],"names":[],"version":3,"file":"column-views.935ef6f7.js.map"}
+{"mappings":";;;;;;;;;;;AAaO,SAAS,yCAAyB,KAAuB;IAC9D,kEAAkE,GAClE,MAAM,qBAAE,oBAAoB,OAAO,GAAG;IACtC,MAAM,UAAU,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,OAAO;IACjE,MAAM,SAAS,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,cAAc;IACvE,MAAM,eAAe,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,YAAY;IAE3E,MAAM,UAAU,CAAA,GAAA,cAAM,EAAE;QACtB,IAAI,CAAC,WAAW,QAAQ,MAAM,IAAI,GAAG,OAAO;QAC5C,OAAO,CAAA,GAAA,yCAAiB,EAAE;IAC5B,GAAG;QAAC;KAAQ;IAEZ,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,MAAM,OAAO,OAAO;IAE1B,MAAM,aAAa,CAAA,GAAA,cAAM,EAAE;QACzB,IAAI,WAAW,QAAQ,WAAW,QAAQ,OAAO,MAAM,OAAO;QAE9D,MAAM,aAAa,CAAC;YAClB,MAAM,KAAK,IAAI,OAAO,CAAC;YACvB,OAAO;gBAAC,GAAG,CAAC;gBAAE,GAAG,CAAC;aAAC;QACrB;QAEA,MAAM,eAAe,QAAQ,SAAS,CACpC,CAAC,IAAM,EAAE,UAAU,CAAC,MAAM,IAAI;QAGhC,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAa;QAC9D,OAAO,CAAA,GAAA,yCAAc,EACnB,WACA,QAAQ,SAAS,EACjB,cACA;IAEJ,GAAG;QAAC;QAAQ;QAAS;QAAS;KAAI;IAElC,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,cAAc,MAAM;QACxB,MAAM,eAAe,UAAU,CAAC,MAAM,KAAK,CAAC;QAC5C,IAAI,gBAAgB,MAAM;QAC1B,MAAM,cAAc;QACpB,MAAM,eAAe;QACrB,aAAa;QACb,aAAa,OAAO,CAAC,aAAa,CAAC,EAAE;QACrC,OAAO;IACT,GACA;QAAC;QAAY;KAAa;IAG5B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,OAAO,MAAM;QACjB,MAAM,SAAS,IAAI,SAAS;QAC5B,OAAO,gBAAgB,CAAC,WAAW;QACnC,OAAO;YACL,OAAO,mBAAmB,CAAC,WAAW;QACxC;IACF,GAAG;QAAC;QAAK;KAAU;IAEnB,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,WAAW,QAAQ,CAAC,mBAAmB;QAC3C,MAAM,YAAE,QAAQ,EAAE,GAAG,QAAQ,GAAG,CAAC,KAAK;QAEtC,CAAA,GAAA,iBAAS,EAAE,KAAK,gBAAgB;YAC9B,MAAM;sBACN;QACF;IACF,GACA;QAAC;QAAS;KAAkB;IAG9B,qCAAqC;IACrC,6DAA6D;IAE7D,OAAO;AACT;AAEO,SAAS,0CAA6B,QAAgB,QAAQ;IACnE,OAAO;QACL,SAAS;YACP,gBAAgB,CAAA,GAAA,yBAAiB;QAEnC;QACA,QAAQ;YACN;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,cAAc;oBACd,cAAc;gBAChB;YACF;YACA;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,iBAAiB;oBACjB,gBAAgB;gBAClB;YACF;SACD;IACH;AACF","sources":["packages/column-views/src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id,\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection,\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn],\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation],\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  };\n}\n"],"names":[],"version":3,"file":"column-views.8b623b27.js.map"}

package/dist/esm/{column-views.3f246167.js → column-views.8c296309.js}

@@ -20,10 +20,10 @@ async function $33a46f9423c8104a$export$45bd78cd093090fa(options = {}) {
         ...args,
         project_id: projectID
     };
-    if (statusCode != null) args = {
-        ...args,
-        status_code: statusCode
-    };
+    let _statusCode = undefined;
+    if (Array.isArray(statusCode)) _statusCode = statusCode.join(",");
+    else if (statusCode != null) _statusCode = statusCode;
+    args.statusCode = _statusCode;
     if (projectID == null) args = {
         ...args,
         all: true
@@ -156,4 +156,4 @@ async function $33a46f9423c8104a$export$d3d8b0fabcc76c5d(col_id, fetch = $33a46f
 
 
 export {$33a46f9423c8104a$export$45bd78cd093090fa as fetchAllColumns, $33a46f9423c8104a$export$e3270a4e30e40ff9 as useColumnFeatures, $33a46f9423c8104a$export$1aa679bd5e605f82 as fetchLithologies, $33a46f9423c8104a$export$5d2ec2e733dfe6c7 as fetchIntervals, $33a46f9423c8104a$export$780b4b253712916c as fetchEnvironments, $33a46f9423c8104a$export$cd7bfa0860f58b96 as fetchRefs, $33a46f9423c8104a$export$8ea8f45a7ffe4183 as fetchStratNames, $33a46f9423c8104a$export$b97b9bdd6a521298 as fetchUnits, $33a46f9423c8104a$export$d3d8b0fabcc76c5d as fetchColumnUnits};
-//# sourceMappingURL=column-views.3f246167.js.map
+//# sourceMappingURL=column-views.8c296309.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/data-provider/fetch.ts"],"sourcesContent":["import {\n  ColumnGeoJSONRecord,\n  ColumnGeoJSONRecordWithID,\n  MacrostratRef,\n  StratName,\n  StratUnit,\n  UnitLong,\n} from \"@macrostrat/api-types\";\nimport {\n  addQueryString,\n  joinURL,\n  useAPIResult,\n} from \"@macrostrat/ui-components\";\nimport crossFetch from \"cross-fetch\";\nimport { feature } from \"topojson-client\";\nimport { geoArea } from \"d3-geo\";\nimport _ from \"underscore\";\n\nfunction defaultFetch(\n  url: string,\n  options: RequestInit | undefined = undefined,\n) {\n  const baseURL = \"https://macrostrat.org/api/v2\";\n  return crossFetch(baseURL + url, options);\n}\n\nexport type ColumnStatusCode = \"in process\" | \"active\" | \"obsolete\";\n\nexport interface ColumnFetchOptions {\n  apiBaseURL?: string;\n  projectID?: number;\n  statusCode?: ColumnStatusCode | ColumnStatusCode[];\n  format?: \"geojson\" | \"topojson\" | \"geojson_bare\";\n  fetch?: any;\n}\n\nexport async function fetchAllColumns(\n  options: ColumnFetchOptions = {},\n): Promise<ColumnGeoJSONRecord[]> {\n  const {\n    apiBaseURL,\n    projectID,\n    format = \"topojson\",\n    statusCode,\n    fetch = crossFetch,\n  } = options;\n\n  let args: any = { format };\n  if (projectID != null) {\n    args = { ...args, project_id: projectID };\n  }\n  let _statusCode: string | undefined = undefined;\n  if (Array.isArray(statusCode)) {\n    _statusCode = statusCode.join(\",\");\n  } else if (statusCode != null) {\n    _statusCode = statusCode;\n  }\n  args.statusCode = _statusCode;\n\n  if (projectID == null) {\n    args = { ...args, all: true };\n  }\n\n  let url = \"/columns\";\n  if (apiBaseURL != null) {\n    url = joinURL(apiBaseURL, url);\n  }\n\n  // Try with fetch\n  url = addQueryString(url, args);\n\n  const res = await fetch(url, {\n    method: \"GET\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n  });\n\n  if (res == null) {\n    return null;\n  }\n\n  // Get JSON\n  const data = await res.json();\n  return postProcessColumns(columnProcessors[format](data));\n}\n\nexport function useColumnFeatures({\n  apiRoute = \"/columns\",\n  status_code,\n  project_id,\n  format = \"geojson\",\n}) {\n  let all: boolean = undefined;\n  if (status_code == null && project_id == null) {\n    all = true;\n  }\n\n  const processor = columnProcessors[format];\n\n  return useAPIResult(\n    apiRoute,\n    { format, all, status_code, project_id },\n    processor,\n  );\n}\n\nfunction processGeoJSON(res) {\n  return processGeoJSONBare(res?.success?.data);\n}\n\nfunction processGeoJSONBare(res) {\n  return res?.features;\n}\n\nfunction processTopoJSON(res) {\n  try {\n    const { data } = res.success;\n    const { features: f } = feature(data, data.objects.output) as any;\n    return f;\n  } catch (err) {\n    console.error(err);\n    return [];\n  }\n}\n\nfunction postProcessColumns(columns) {\n  return promoteColumnIDs(\n    convertSmallAreasToPoints(removeFeaturesWithoutGeometry(columns)),\n  );\n}\n\nfunction promoteColumnIDs(\n  features: ColumnGeoJSONRecord[],\n): ColumnGeoJSONRecordWithID[] {\n  return features.map((f, i) => {\n    return {\n      id: f.properties?.col_id,\n      ...f,\n    };\n  });\n}\n\nfunction removeFeaturesWithoutGeometry(features) {\n  return features.filter((f) => f.geometry != null);\n}\n\nfunction convertSmallAreasToPoints(features) {\n  return features.map((f) => {\n    // GeoArea takes a long time to run. We are really more worried about points that are zero-area\n    if (geoArea(f.geometry) < 1e-8) {\n      const centroid = f.geometry.coordinates[0][0];\n      f.geometry = {\n        type: \"Point\",\n        coordinates: centroid,\n      };\n    }\n    return f;\n  });\n}\n\nconst columnProcessors = {\n  topojson: processTopoJSON,\n  geojson: processGeoJSON,\n  geojson_bare: processGeoJSONBare,\n};\n\nasync function unwrapResponse(res) {\n  if (res == null) {\n    return null;\n  }\n  const resData = await res.json();\n  return resData[\"success\"][\"data\"];\n}\n\nexport async function fetchLithologies(fetch = defaultFetch) {\n  const res = await fetch(\"/defs/lithologies?all\");\n  return await unwrapResponse(res);\n}\n\nexport async function fetchIntervals(\n  timescaleID: number | null,\n  fetch = defaultFetch,\n) {\n  let url = `/defs/intervals`;\n  if (timescaleID != null) {\n    url += `?timescale_id=${timescaleID}`;\n  } else {\n    url += \"?all\";\n  }\n  const res = await fetch(url);\n  return await unwrapResponse(res);\n}\n\nexport async function fetchEnvironments(fetch = defaultFetch) {\n  const res = await fetch(\"/defs/environments?all\");\n  return await unwrapResponse(res);\n}\n\nexport async function fetchRefs(\n  refs: number[],\n  fetch = defaultFetch,\n): Promise<MacrostratRef[]> {\n  let url = `/defs/refs`;\n  if (refs.length == 0) {\n    return [];\n  }\n  url += \"?ref_id=\" + refs.join(\",\");\n  const res = await fetch(url);\n  return await unwrapResponse(res);\n}\n\nexport async function fetchStratNames(\n  names: number[],\n  fetch = defaultFetch,\n): Promise<StratName[]> {\n  let url = `/defs/strat_names`;\n  if (names.length == 0) {\n    return [];\n  }\n  url += \"?strat_name_id=\" + names.join(\",\");\n  const res = await fetch(url);\n  return await unwrapResponse(res);\n}\n\nexport type ColumnData = {\n  units: UnitLong[];\n  columnID: number;\n};\n\nexport async function fetchUnits(\n  columns: number[],\n  fetch = defaultFetch,\n): Promise<ColumnData[]> {\n  const promises = columns.map((col_id) => fetchColumnUnits(col_id, fetch));\n  return await Promise.all(promises);\n}\n\nexport async function fetchColumnUnits(\n  col_id: number,\n  fetch = defaultFetch,\n): Promise<ColumnData> {\n  const params = new URLSearchParams();\n  params.append(\"response\", \"long\");\n  params.append(\"col_id\", col_id.toString());\n  const res = await fetch(\"/units\" + \"?\" + params.toString());\n  const data = await res.json();\n  if (!data.success) {\n    throw new Error(\"Failed to fetch column units\");\n  }\n  const units = data.success.data;\n  return { columnID: col_id, units };\n}\n"],"names":[],"version":3,"file":"column-views.8c296309.js.map"}

package/dist/esm/{column-views.64a84c43.js → column-views.a3fabf0f.js}

@@ -1,28 +1,28 @@
-import $eIxPJ$macrostrathyper from "@macrostrat/hyper";
-import {useKeyHandler as $eIxPJ$useKeyHandler} from "@macrostrat/ui-components";
-import {createContext as $eIxPJ$createContext, useContext as $eIxPJ$useContext, useState as $eIxPJ$useState, useEffect as $eIxPJ$useEffect, useRef as $eIxPJ$useRef, useCallback as $eIxPJ$useCallback} from "react";
-import {useStore as $eIxPJ$useStore, createStore as $eIxPJ$createStore} from "zustand";
+import $7fhMn$macrostrathyper from "@macrostrat/hyper";
+import {useKeyHandler as $7fhMn$useKeyHandler} from "@macrostrat/ui-components";
+import {createContext as $7fhMn$createContext, useContext as $7fhMn$useContext, useState as $7fhMn$useState, useEffect as $7fhMn$useEffect, useRef as $7fhMn$useRef, useCallback as $7fhMn$useCallback} from "react";
+import {useStore as $7fhMn$useStore, createStore as $7fhMn$createStore} from "zustand";
 
 
 
 
 
-const $4d5d1c15f39f6a14$var$UnitSelectionContext = (0, $eIxPJ$createContext)(null);
-function $4d5d1c15f39f6a14$export$77a278d5ca56e309() {
-    const store = (0, $eIxPJ$useContext)($4d5d1c15f39f6a14$var$UnitSelectionContext);
+const $61771df184788970$var$UnitSelectionContext = (0, $7fhMn$createContext)(null);
+function $61771df184788970$export$77a278d5ca56e309() {
+    const store = (0, $7fhMn$useContext)($61771df184788970$var$UnitSelectionContext);
     if (store == null) return ()=>{};
-    return (0, $eIxPJ$useStore)(store, (state)=>state.onUnitSelected);
+    return (0, $7fhMn$useStore)(store, (state)=>state.onUnitSelected);
 }
-function $4d5d1c15f39f6a14$export$b220b1d3591dc9e5(selector) {
-    const store = (0, $eIxPJ$useContext)($4d5d1c15f39f6a14$var$UnitSelectionContext);
+function $61771df184788970$export$b220b1d3591dc9e5(selector) {
+    const store = (0, $7fhMn$useContext)($61771df184788970$var$UnitSelectionContext);
     if (store == null) return null;
-    return (0, $eIxPJ$useStore)(store, selector);
+    return (0, $7fhMn$useStore)(store, selector);
 }
-function $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da() {
-    return $4d5d1c15f39f6a14$export$b220b1d3591dc9e5((state)=>state.selectedUnitData);
+function $61771df184788970$export$f0dd93f90aa8e5da() {
+    return $61771df184788970$export$b220b1d3591dc9e5((state)=>state.selectedUnitData);
 }
-function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
-    const [store] = (0, $eIxPJ$useState)(()=>(0, $eIxPJ$createStore)((set)=>({
+function $61771df184788970$export$f19d75b1d4b676a4(props) {
+    const [store] = (0, $7fhMn$useState)(()=>(0, $7fhMn$createStore)((set)=>({
                 selectedUnit: null,
                 selectedUnitData: null,
                 overlayPosition: null,
@@ -43,7 +43,15 @@ function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
                         selectedUnitData: selectedUnit
                     });
                 },
-                onUnitSelected: (unit, target, event)=>{
+                onUnitSelected: (input, target = null, event = null)=>{
+                    if (input == null) return set({
+                        selectedUnit: null,
+                        selectedUnitData: null,
+                        overlayPosition: null
+                    });
+                    let unit = null;
+                    if (typeof input === "number") unit = props.units.find((u)=>u.unit_id === input) || null;
+                    else unit = input;
                     const el = props.columnRef?.current;
                     let overlayPosition = null;
                     /** This is not the natural place to get positions within the column,
@@ -80,7 +88,7 @@ function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
                 }
             })));
     const { units: units, selectedUnit: selectedUnit } = props;
-    (0, $eIxPJ$useEffect)(()=>{
+    (0, $7fhMn$useEffect)(()=>{
         // Synchronize store with provided props
         if (selectedUnit != null) {
             const unitData = units?.find((u)=>u.unit_id === selectedUnit);
@@ -96,16 +104,16 @@ function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
         selectedUnit,
         units
     ]);
-    return (0, $eIxPJ$macrostrathyper)($4d5d1c15f39f6a14$var$UnitSelectionContext.Provider, {
+    return (0, $7fhMn$macrostrathyper)($61771df184788970$var$UnitSelectionContext.Provider, {
         value: store
     }, props.children);
 }
-function $4d5d1c15f39f6a14$export$cbbec12b1451fe7d(unit) {
-    const ref = (0, $eIxPJ$useRef)();
-    const selectedUnit = $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da();
-    const onSelectUnit = $4d5d1c15f39f6a14$export$b220b1d3591dc9e5((state)=>state.onUnitSelected);
+function $61771df184788970$export$cbbec12b1451fe7d(unit) {
+    const ref = (0, $7fhMn$useRef)();
+    const selectedUnit = $61771df184788970$export$f0dd93f90aa8e5da();
+    const onSelectUnit = $61771df184788970$export$b220b1d3591dc9e5((state)=>state.onUnitSelected);
     const selected = selectedUnit?.unit_id == unit.unit_id;
-    const onClick = (0, $eIxPJ$useCallback)((evt)=>{
+    const onClick = (0, $7fhMn$useCallback)((evt)=>{
         if (onSelectUnit == null) return;
         onSelectUnit(unit, ref.current, evt);
         evt.stopPropagation();
@@ -113,7 +121,7 @@ function $4d5d1c15f39f6a14$export$cbbec12b1451fe7d(unit) {
         unit,
         onSelectUnit
     ]);
-    (0, $eIxPJ$useEffect)(()=>{
+    (0, $7fhMn$useEffect)(()=>{
         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);
@@ -133,15 +141,15 @@ function $4d5d1c15f39f6a14$export$cbbec12b1451fe7d(unit) {
         onClick
     ];
 }
-function $4d5d1c15f39f6a14$export$70f5ee19650fc7d1({ units: units }) {
-    const selectedUnit = $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da();
-    const selectUnit = $4d5d1c15f39f6a14$export$77a278d5ca56e309();
+function $61771df184788970$export$70f5ee19650fc7d1({ units: units }) {
+    const selectedUnit = $61771df184788970$export$f0dd93f90aa8e5da();
+    const selectUnit = $61771df184788970$export$77a278d5ca56e309();
     const ix = units.findIndex((unit)=>unit.unit_id === selectedUnit?.unit_id);
     const keyMap = {
         38: ix - 1,
         40: ix + 1
     };
-    (0, $eIxPJ$useKeyHandler)((event)=>{
+    (0, $7fhMn$useKeyHandler)((event)=>{
         const nextIx = keyMap[event.keyCode];
         if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;
         selectUnit(units[nextIx], null, null);
@@ -154,5 +162,5 @@ 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.64a84c43.js.map
+export {$61771df184788970$export$77a278d5ca56e309 as useUnitSelectionDispatch, $61771df184788970$export$b220b1d3591dc9e5 as useUnitSelectionStore, $61771df184788970$export$f0dd93f90aa8e5da as useSelectedUnit, $61771df184788970$export$f19d75b1d4b676a4 as UnitSelectionProvider, $61771df184788970$export$cbbec12b1451fe7d as useUnitSelectionTarget, $61771df184788970$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
+//# sourceMappingURL=column-views.a3fabf0f.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAsBA,MAAM,6CAAuB,CAAA,GAAA,oBAAY,EAAgC;AAElE,SAAS;IACd,MAAM,QAAQ,CAAA,GAAA,iBAAS,EAAE;IACzB,IAAI,SAAS,MACX,OAAO,KAAO;IAEhB,OAAO,CAAA,GAAA,eAAO,EAAE,OAAO,CAAC,QAAU,MAAM,cAAc;AACxD;AAEO,SAAS,0CACd,QAA0C;IAE1C,MAAM,QAAQ,CAAA,GAAA,iBAAS,EAAE;IACzB,IAAI,SAAS,MACX,OAAO;IAET,OAAO,CAAA,GAAA,eAAO,EAAE,OAAO;AACzB;AAEO,SAAS;IACd,OAAO,0CAAsB,CAAC,QAAU,MAAM,gBAAgB;AAChE;AAkBO,SAAS,0CAA0C,KAOzD;IACC,MAAM,CAAC,MAAM,GAAG,CAAA,GAAA,eAAO,EAAE,IACvB,CAAA,GAAA,kBAAU,EAAsB,CAAC,MAAS,CAAA;gBACxC,cAAc;gBACd,kBAAkB;gBAClB,iBAAiB;gBACjB,iBAAgB,YAAsC;oBACpD,IAAI,gBAAgB,MAAM;wBACxB,IAAI;4BAAE,cAAc;4BAAM,kBAAkB;wBAAK;wBACjD;oBACA,0CAA0C;oBAC5C,OAAO,IAAI,OAAO,iBAAiB,UACjC,IAAI;sCAAE;wBAAc,kBAAkB;oBAAK;yBACtC,IAAI,aAAa,cACtB,IAAI;wBACF,cAAc,aAAa,OAAO;wBAClC,kBAAkB;oBACpB;gBAEJ;gBACA,gBAAgB,CACd,OACA,SAAsB,IAAI,EAC1B,QAAsB,IAAI;oBAE1B,IAAI,SAAS,MACX,OAAO,IAAI;wBACT,cAAc;wBACd,kBAAkB;wBAClB,iBAAiB;oBACnB;oBAGF,IAAI,OAAiB;oBACrB,IAAI,OAAO,UAAU,UACnB,OAAO,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,IAAM,EAAE,OAAO,KAAK,UAAU;yBAEvD,OAAO;oBAGT,MAAM,KAAK,MAAM,SAAS,EAAE;oBAC5B,IAAI,kBAAkB;oBAEtB;;SAEC,GACD,IAAI,MAAM,eAAe,EAAE;wBACzB,6FAA6F;wBAC7F,qBAAqB;wBACrB,2DAA2D;wBAC3D,wCAAwC;wBAExC,sDAAsD,GACtD,MAAM,kBAAmC;4BACvC,QAAQ,MAAM;kCACd;oCACA;4BACA,QAAQ,IAAI,wBAAwB,UAAU;wBAChD;wBACA,MAAM,eAAe,CAAC,iBAAiB;oBACzC;oBAEA,IAAI,QAAQ,QAAQ,MAAM,QAAQ,UAAU,MAAM;wBAChD,MAAM,OAAO,GAAG,qBAAqB;wBACrC,MAAM,aAAa,OAAO,qBAAqB;wBAE/C,kBAAkB;4BAChB,GAAG,WAAW,IAAI,GAAG,KAAK,IAAI;4BAC9B,GAAG,WAAW,GAAG,GAAG,KAAK,GAAG;4BAC5B,OAAO,WAAW,KAAK;4BACvB,QAAQ,WAAW,MAAM;wBAC3B;oBACF;oBACA,MAAM,cAAc,GAAG,MAAM,SAAS;oBAEtC,OAAO,IAAI;wBACT,cAAc,MAAM;wBACpB,kBAAkB;yCAClB;oBACF;gBACF;YACF,CAAA;IAGF,MAAM,SAAE,KAAK,gBAAE,YAAY,EAAE,GAAG;IAEhC,CAAA,GAAA,gBAAQ,EAAE;QACR,wCAAwC;QACxC,IAAI,gBAAgB,MAAM;YACxB,MAAM,WAAW,OAAO,KAAK,CAAC,IAAM,EAAE,OAAO,KAAK;YAClD,MAAM,QAAQ,CAAC;8BAAE;gBAAc,kBAAkB;YAAS;QAC5D,OACE,MAAM,QAAQ,CAAC;YAAE,cAAc;YAAM,kBAAkB;QAAK;IAEhE,GAAG;QAAC;QAAc;KAAM;IAExB,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAqB,QAAQ,EAAE;QAAE,OAAO;IAAM,GAAG,MAAM,QAAQ;AAC1E;AAEO,SAAS,0CACd,IAAW;IAEX,MAAM,MAAM,CAAA,GAAA,aAAK;IACjB,MAAM,eAAe;IACrB,MAAM,eAAe,0CAAsB,CAAC,QAAU,MAAM,cAAc;IAC1E,MAAM,WAAW,cAAc,WAAW,KAAK,OAAO;IAEtD,MAAM,UAAU,CAAA,GAAA,kBAAU,EACxB,CAAC;QACC,IAAI,gBAAgB,MAAM;QAC1B,aAAa,MAAM,IAAI,OAAO,EAAE;QAChC,IAAI,eAAe;IACrB,GACA;QAAC;QAAM;KAAa;IAGtB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,YAAY,gBAAgB,MAAM;QACvC,qGAAqG;QACrG,aAAa,MAAM,IAAI,OAAO,EAAE;QAEhC,4BAA4B;QAC5B,IAAI,OAAO,EAAE,eAAe;YAC1B,UAAU;YACV,OAAO;YACP,QAAQ;QACV;IACF,GAAG;QAAC;QAAU;KAAa;IAE3B,OAAO;QAAC;QAAK;QAAU;KAAQ;AACjC;AAEO,SAAS,0CAA2C,SACzD,KAAK,EAGN;IACC,MAAM,eAAe;IACrB,MAAM,aAAa;IAEnB,MAAM,KAAK,MAAM,SAAS,CAAC,CAAC,OAAS,KAAK,OAAO,KAAK,cAAc;IAEpE,MAAM,SAAS;QACb,IAAI,KAAK;QACT,IAAI,KAAK;IACX;IAEA,CAAA,GAAA,oBAAY,EACV,CAAC;QACC,MAAM,SAAS,MAAM,CAAC,MAAM,OAAO,CAAC;QACpC,IAAI,UAAU,QAAQ,SAAS,KAAK,UAAU,MAAM,MAAM,EAAE;QAC5D,WAAW,KAAK,CAAC,OAAO,EAAE,MAAM;QAChC,MAAM,eAAe;IACvB,GACA;QAAC;QAAO;KAAG;IAEb,OAAO;AACT","sources":["packages/column-views/src/data-provider/unit-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} from \"react\";\nimport { createStore, StoreApi, useStore } from \"zustand\";\nimport type { RectBounds, IUnit } from \"../units/types\";\n\ntype UnitSelectDispatch = (\n  unit: number | 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: (\n        input: number | T | null,\n        target: HTMLElement = null,\n        event: PointerEvent = null,\n      ) => {\n        if (input == null) {\n          return set({\n            selectedUnit: null,\n            selectedUnitData: null,\n            overlayPosition: null,\n          });\n        }\n\n        let unit: T | null = null;\n        if (typeof input === \"number\") {\n          unit = props.units.find((u) => u.unit_id === input) || null;\n        } else {\n          unit = input;\n        }\n\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.a3fabf0f.js.map"}

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

@@ -0,0 +1,184 @@
+import {FossilDataType as $a3ff7da576c02df0$export$a990c76b38782f57, useFossilData as $a3ff7da576c02df0$export$e6af757fa9780077} from "./column-views.6698b95a.js";
+import {BaseMeasurementsColumn as $c6d9d48b3424a44c$export$ce5c4f2fdf4e644d, TruncatedList as $c6d9d48b3424a44c$export$653e47a7a0da0f0d} from "./column-views.faacfc3c.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4ed90896.js";
+import "./column-views.b7016f82.css";
+import $6u76g$columnviewsea4ebbb7js from "./column-views.ea4ebbb7.js";
+import $6u76g$macrostrathyper from "@macrostrat/hyper";
+import {Box as $6u76g$Box, useElementSize as $6u76g$useElementSize} from "@macrostrat/ui-components";
+import {ColumnSVG as $6u76g$ColumnSVG, ColumnAxisType as $6u76g$ColumnAxisType} from "@macrostrat/column-components";
+import {useRef as $6u76g$useRef} 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$columnviewsea4ebbb7js))));
+function $b9286605a04210d4$var$FossilInfo(props) {
+    const { note: note, spacing: spacing } = props;
+    const { data: data, unit: unit } = note;
+    return $b9286605a04210d4$var$h((0, $c6d9d48b3424a44c$export$653e47a7a0da0f0d), {
+        data: data,
+        className: "fossil-collections",
+        itemRenderer: $b9286605a04210d4$var$PBDBCollectionLink
+    });
+}
+function $b9286605a04210d4$var$PBDBCollectionLink({ data: data }) {
+    /** A link to a PBDB collection that handles either an occurrence or collection object */ return $b9286605a04210d4$var$h("a.link-id", {
+        href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${data.cltn_id}`
+    }, data.best_name ?? data.cltn_name);
+}
+const $b9286605a04210d4$var$matchingUnit = (dz)=>(d)=>d.unit_id == dz[0].unit_id;
+function $b9286605a04210d4$export$554267114407ef68({ columnID: columnID, type: type = (0, $a3ff7da576c02df0$export$a990c76b38782f57).Collections }) {
+    const data = (0, $a3ff7da576c02df0$export$e6af757fa9780077)(columnID, type);
+    return $b9286605a04210d4$var$h((0, $c6d9d48b3424a44c$export$ce5c4f2fdf4e644d), {
+        data: data,
+        noteComponent: $b9286605a04210d4$var$FossilInfo,
+        className: "fossil-collections",
+        matchingUnit: $b9286605a04210d4$var$matchingUnit
+    });
+}
+function $b9286605a04210d4$export$652730986cccff7a({ columnID: columnID }) {
+    /* A column for a matrix of taxon occurrences displayed as a table beside the main column. This will
+  eventually be extended with first/last occurrence markers and range bars.
+   */ const data = (0, $a3ff7da576c02df0$export$e6af757fa9780077)(columnID, (0, $a3ff7da576c02df0$export$a990c76b38782f57).Occurrences);
+    // convert the data to a map
+    const occurrenceMap = new Map(data);
+    const col = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const matrix = $b9286605a04210d4$var$createOccurrenceMatrix(col.units, occurrenceMap, col.axisType);
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    const { taxonRanges: taxonRanges } = matrix;
+    const padding = 16;
+    const spacing = 16;
+    const taxonEntries = Array.from(taxonRanges.entries());
+    //const taxon = taxonEntries.slice(0, 50); // limit to top 50 taxa
+    const width = padding * 2 + spacing * taxonEntries.length;
+    return $b9286605a04210d4$var$h((0, $6u76g$Box), {
+        className: "taxon-ranges",
+        width: width,
+        height: col.totalHeight
+    }, [
+        $b9286605a04210d4$var$h($b9286605a04210d4$var$TaxonOccurrenceLabels, {
+            taxonEntries: taxonEntries,
+            padding: padding,
+            spacing: spacing,
+            scale: scale
+        }),
+        $b9286605a04210d4$var$h((0, $6u76g$ColumnSVG), {
+            width: padding * 2 + spacing * taxonEntries.length
+        }, $b9286605a04210d4$var$h("g.taxa-occurrences-matrix", taxonEntries.map(([taxonName, ranges], rowIndex)=>{
+            const xPosition = padding + rowIndex * spacing;
+            return $b9286605a04210d4$var$h("g", {
+                transform: `translate(${xPosition})`
+            }, [
+                ranges.map(([top, bottom])=>{
+                    return $b9286605a04210d4$var$h("line", {
+                        y1: scale(top),
+                        y2: scale(bottom)
+                    });
+                })
+            ]);
+        })))
+    ]);
+}
+function $b9286605a04210d4$var$TaxonOccurrenceLabels({ taxonEntries: taxonEntries, padding: padding, spacing: spacing, scale: scale }) {
+    return $b9286605a04210d4$var$h("div.taxon-labels", [
+        taxonEntries.map(([taxonName, ranges], rowIndex)=>{
+            const top = ranges[0]?.[0] ?? 0;
+            let topPx = scale(top) - 20;
+            if (topPx < 200) topPx = 0;
+            return $b9286605a04210d4$var$h($b9286605a04210d4$var$TaxonLabel, {
+                top: topPx,
+                left: padding + rowIndex * spacing,
+                taxonName: taxonName
+            });
+        })
+    ]);
+}
+function $b9286605a04210d4$var$TaxonLabel({ top: top, left: left, taxonName: taxonName }) {
+    const ref = (0, $6u76g$useRef)();
+    const textSize = (0, $6u76g$useElementSize)(ref);
+    const labelWidth = textSize?.height ?? 200;
+    return $b9286605a04210d4$var$h("div.taxon-label", {
+        style: {
+            top: `${top}px`,
+            marginLeft: `${left}px`,
+            "--label-width": `${labelWidth}px`
+        }
+    }, $b9286605a04210d4$var$h("div.taxon-label-inner", $b9286605a04210d4$var$h("div.taxon-label-text", {
+        ref: ref
+    }, taxonName)));
+}
+function $b9286605a04210d4$var$TaxonOccurrenceEntry({ xPosition: xPosition, ranges: ranges, scale: scale, name: name }) {
+    return $b9286605a04210d4$var$h("g", {
+        transform: `translate(${xPosition})`
+    }, [
+        ranges.map(([top, bottom])=>{
+            return $b9286605a04210d4$var$h("line", {
+                y1: scale(top),
+                y2: scale(bottom)
+            });
+        })
+    ]);
+}
+function $b9286605a04210d4$var$createOccurrenceMatrix(units, data, axisType = (0, $6u76g$ColumnAxisType).AGE) {
+    const taxonUnitMap = new Map();
+    const taxonOccurrenceMap = new Map();
+    for (const [unit_id, occurrences] of data.entries())for (const occ of occurrences){
+        const taxonName = occ.best_name ?? occ.taxon_name;
+        if (!taxonUnitMap.has(taxonName)) {
+            taxonUnitMap.set(taxonName, new Set());
+            taxonOccurrenceMap.set(taxonName, []);
+        }
+        taxonUnitMap.get(taxonName).add(unit_id);
+        taxonOccurrenceMap.get(taxonName).push(occ);
+    }
+    // sort the taxon occurrence map by number of occurrences
+    const sortedTaxa = Array.from(taxonUnitMap.entries()).sort((a, b)=>{
+        // Sort alphabetically by taxon name
+        return b[0].localeCompare(a[0]);
+    });
+    const taxonRanges = new Map();
+    for (const [taxonName, unitSet] of taxonUnitMap.entries())taxonRanges.set(taxonName, $b9286605a04210d4$var$accumulatePresenceDomains(units, unitSet, axisType));
+    return {
+        occurrenceMap: data,
+        taxonUnitMap: new Map(sortedTaxa),
+        taxonOccurrenceMap: taxonOccurrenceMap,
+        taxonRanges: taxonRanges
+    };
+}
+function $b9286605a04210d4$var$accumulatePresenceDomains(unit, presenceUnits, axisType) {
+    const domains = [];
+    let currentDomain = null;
+    for (const u of unit){
+        if (presenceUnits.has(u.unit_id)) {
+            if (currentDomain == null) {
+                if (axisType == (0, $6u76g$ColumnAxisType).DEPTH || axisType == (0, $6u76g$ColumnAxisType).HEIGHT) currentDomain = [
+                    u.t_pos,
+                    u.b_pos
+                ];
+                else currentDomain = [
+                    u.t_age,
+                    u.b_age
+                ];
+            } else if (axisType == (0, $6u76g$ColumnAxisType).DEPTH || axisType == (0, $6u76g$ColumnAxisType).HEIGHT) currentDomain[1] = u.b_pos;
+            else currentDomain[1] = u.b_age;
+        } else if (currentDomain != null) {
+            domains.push(currentDomain);
+            currentDomain = null;
+        }
+    }
+    if (currentDomain != null) domains.push(currentDomain);
+    return domains;
+}
+
+
+export {$b9286605a04210d4$export$554267114407ef68 as PBDBFossilsColumn, $b9286605a04210d4$export$652730986cccff7a as PBDBOccurrencesMatrix, $a3ff7da576c02df0$export$a990c76b38782f57 as FossilDataType};
+//# sourceMappingURL=column-views.abeab9aa.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/facets/fossils/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  FossilDataType,\n  PBDBCollection,\n  PBDBOccurrence,\n  useFossilData,\n} from \"./provider\";\nimport type { IUnit } from \"../../units\";\nimport { BaseMeasurementsColumn, TruncatedList } from \"../base-sample-column\";\nimport { Box, useElementSize } from \"@macrostrat/ui-components\";\nimport { InternMap } from \"d3-array\";\nimport { ColumnAxisType, ColumnSVG } from \"@macrostrat/column-components\";\nimport {\n  useMacrostratColumnData,\n  useCompositeScale,\n} from \"../../data-provider\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport styles from \"./index.module.sass\";\nimport { useRef } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport { FossilDataType };\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  return h(TruncatedList, {\n    data,\n    className: \"fossil-collections\",\n    itemRenderer: PBDBCollectionLink,\n  });\n}\n\nfunction PBDBCollectionLink({\n  data,\n}: {\n  data: PBDBCollection | PBDBOccurrence;\n}) {\n  /** A link to a PBDB collection that handles either an occurrence or collection object */\n  return h(\n    \"a.link-id\",\n    {\n      href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${data.cltn_id}`,\n    },\n    data.best_name ?? data.cltn_name,\n  );\n}\n\nconst matchingUnit = (dz) => (d) => d.unit_id == dz[0].unit_id;\n\nexport function PBDBFossilsColumn({\n  columnID,\n  type = FossilDataType.Collections,\n}: {\n  columnID: number;\n  type: FossilDataType;\n}) {\n  const data = useFossilData(columnID, type);\n\n  return h(BaseMeasurementsColumn, {\n    data,\n    noteComponent: FossilInfo,\n    className: \"fossil-collections\",\n    matchingUnit,\n  });\n}\n\nexport function PBDBOccurrencesMatrix({ columnID }) {\n  /* A column for a matrix of taxon occurrences displayed as a table beside the main column. This will\n  eventually be extended with first/last occurrence markers and range bars.\n   */\n  const data = useFossilData(columnID, FossilDataType.Occurrences) as InternMap<\n    number,\n    PBDBOccurrence[]\n  >;\n\n  // convert the data to a map\n  const occurrenceMap = new Map(data);\n\n  const col = useMacrostratColumnData();\n  const matrix = createOccurrenceMatrix(col.units, occurrenceMap, col.axisType);\n\n  const scale = useCompositeScale();\n\n  const { taxonRanges } = matrix;\n\n  const padding = 16;\n  const spacing = 16;\n\n  const taxonEntries = Array.from(taxonRanges.entries());\n  //const taxon = taxonEntries.slice(0, 50); // limit to top 50 taxa\n\n  const width = padding * 2 + spacing * taxonEntries.length;\n\n  return h(Box, { className: \"taxon-ranges\", width, height: col.totalHeight }, [\n    h(TaxonOccurrenceLabels, {\n      taxonEntries,\n      padding,\n      spacing,\n      scale,\n    }),\n    h(\n      ColumnSVG,\n      {\n        width: padding * 2 + spacing * taxonEntries.length,\n      },\n      h(\n        \"g.taxa-occurrences-matrix\",\n        taxonEntries.map(([taxonName, ranges], rowIndex) => {\n          const xPosition = padding + rowIndex * spacing;\n          return h(\"g\", { transform: `translate(${xPosition})` }, [\n            ranges.map(([top, bottom]) => {\n              return h(\"line\", {\n                y1: scale(top),\n                y2: scale(bottom),\n              });\n            }),\n          ]);\n        }),\n      ),\n    ),\n  ]);\n}\n\nfunction TaxonOccurrenceLabels({ taxonEntries, padding, spacing, scale }) {\n  return h(\"div.taxon-labels\", [\n    taxonEntries.map(([taxonName, ranges], rowIndex) => {\n      const top = ranges[0]?.[0] ?? 0;\n      let topPx = scale(top) - 20;\n      if (topPx < 200) topPx = 0;\n\n      return h(TaxonLabel, {\n        top: topPx,\n        left: padding + rowIndex * spacing,\n        taxonName,\n      });\n    }),\n  ]);\n}\n\nfunction TaxonLabel({ top, left, taxonName }) {\n  const ref = useRef();\n  const textSize = useElementSize(ref);\n  const labelWidth = textSize?.height ?? 200;\n  return h(\n    \"div.taxon-label\",\n    {\n      style: {\n        top: `${top}px`,\n        marginLeft: `${left}px`,\n        \"--label-width\": `${labelWidth}px`,\n      },\n    },\n    h(\"div.taxon-label-inner\", h(\"div.taxon-label-text\", { ref }, taxonName)),\n  );\n}\n\ntype TaxonUnitMap = Map<string, Set<number>>;\n\ninterface OccurrenceMatrixData {\n  occurrenceMap: Map<number, PBDBOccurrence[]>; // Map of unit IDs to occurrences (original data)\n  taxonUnitMap: TaxonUnitMap; // Map of taxon names to sets of unit IDs\n  taxonOccurrenceMap: Map<string, PBDBOccurrence[]>; // Map of taxon names to occurrences\n  taxonRanges: Map<string, [number, number][]>; // Map of taxon names to [top, bottom] pixel ranges\n}\n\nfunction TaxonOccurrenceEntry({\n  xPosition,\n  ranges,\n  scale,\n  name,\n}: {\n  xPosition: number;\n  units: Set<number>;\n}) {\n  return h(\"g\", { transform: `translate(${xPosition})` }, [\n    ranges.map(([top, bottom]) => {\n      return h(\"line\", {\n        y1: scale(top),\n        y2: scale(bottom),\n      });\n    }),\n  ]);\n}\n\nfunction createOccurrenceMatrix(\n  units: UnitLong[],\n  data: Map<number, PBDBOccurrence[]>,\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): OccurrenceMatrixData {\n  const taxonUnitMap = new Map<string, Set<number>>();\n  const taxonOccurrenceMap = new Map<string, PBDBOccurrence[]>();\n\n  for (const [unit_id, occurrences] of data.entries()) {\n    for (const occ of occurrences) {\n      const taxonName = occ.best_name ?? occ.taxon_name;\n      if (!taxonUnitMap.has(taxonName)) {\n        taxonUnitMap.set(taxonName, new Set());\n        taxonOccurrenceMap.set(taxonName, []);\n      }\n      taxonUnitMap.get(taxonName).add(unit_id);\n      taxonOccurrenceMap.get(taxonName).push(occ);\n    }\n  }\n\n  // sort the taxon occurrence map by number of occurrences\n  const sortedTaxa = Array.from(taxonUnitMap.entries()).sort((a, b) => {\n    // Sort alphabetically by taxon name\n    return b[0].localeCompare(a[0]);\n  });\n\n  const taxonRanges = new Map<string, [number, number][]>();\n  for (const [taxonName, unitSet] of taxonUnitMap.entries()) {\n    taxonRanges.set(\n      taxonName,\n      accumulatePresenceDomains(units, unitSet, axisType),\n    );\n  }\n\n  return {\n    occurrenceMap: data,\n    taxonUnitMap: new Map(sortedTaxa),\n    taxonOccurrenceMap: taxonOccurrenceMap,\n    taxonRanges,\n  };\n}\n\nfunction accumulatePresenceDomains(\n  unit: UnitLong[],\n  presenceUnits: Set<number>,\n  axisType: ColumnAxisType,\n): Array<[number, number]> {\n  const domains: Array<[number, number]> = [];\n  let currentDomain: [number, number] | null = null;\n\n  for (const u of unit) {\n    if (presenceUnits.has(u.unit_id)) {\n      if (currentDomain == null) {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain = [u.t_pos, u.b_pos];\n        } else {\n          currentDomain = [u.t_age, u.b_age];\n        }\n      } else {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain[1] = u.b_pos;\n        } else {\n          currentDomain[1] = u.b_age;\n        }\n      }\n    } else {\n      if (currentDomain != null) {\n        domains.push(currentDomain);\n        currentDomain = null;\n      }\n    }\n  }\n\n  if (currentDomain != null) {\n    domains.push(currentDomain);\n  }\n\n  return domains;\n}\n"],"names":[],"version":3,"file":"column-views.abeab9aa.js.map"}

package/dist/esm/{column-views.02f3732a.js → column-views.adec2e4c.js}

@@ -1,7 +1,7 @@
-import "./column-views.b17f793f.css";
-import $lfxOo$columnviews686d21adjs from "./column-views.686d21ad.js";
-import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
-import {AgeLabel as $448b24baeef3b229$export$37ebfd237811b1eb} from "./column-views.cc5244c4.js";
+import "./column-views.321af3ae.css";
+import $lfxOo$columnviews22ec902bjs from "./column-views.22ec902b.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4ed90896.js";
+import {AgeLabel as $448b24baeef3b229$export$37ebfd237811b1eb} from "./column-views.8284c3a9.js";
 import $lfxOo$macrostrathyper from "@macrostrat/hyper";
 import {ColumnContext as $lfxOo$ColumnContext, ColumnAxis as $lfxOo$ColumnAxis, ColumnAxisType as $lfxOo$ColumnAxisType, SVG as $lfxOo$SVG, AgeAxis as $lfxOo$AgeAxis} from "@macrostrat/column-components";
 import {useContext as $lfxOo$useContext} from "react";
@@ -18,7 +18,7 @@ function $parcel$interopDefault(a) {
 
 
 
-const $43794af7643cdf40$var$h = (0, $lfxOo$macrostrathyper).styled((0, ($parcel$interopDefault($lfxOo$columnviews686d21adjs))));
+const $43794af7643cdf40$var$h = (0, $lfxOo$macrostrathyper).styled((0, ($parcel$interopDefault($lfxOo$columnviews22ec902bjs))));
 const $43794af7643cdf40$var$AgeAxisCore = ({ ticks: ticks, tickSpacing: tickSpacing = 40, showDomain: showDomain = false })=>{
     const { pixelHeight: pixelHeight } = (0, $lfxOo$useContext)((0, $lfxOo$ColumnContext));
     // A tick roughly every 40 pixels
@@ -47,7 +47,7 @@ function $43794af7643cdf40$export$64204d5cbb3e8227(props) {
         }, unit)
     ]);
 }
-function $43794af7643cdf40$export$40b6b0e4520eeb34() {
+function $43794af7643cdf40$export$40b6b0e4520eeb34(rest) {
     const { axisType: axisType, sections: sections, totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
     const packages = sections.map((section)=>{
         return {
@@ -58,25 +58,46 @@ function $43794af7643cdf40$export$40b6b0e4520eeb34() {
     return $43794af7643cdf40$var$h($43794af7643cdf40$export$ac30ca3cf5df959d, {
         axisType: axisType,
         packages: packages,
-        totalHeight: totalHeight
+        totalHeight: totalHeight,
+        ...rest
+    });
+}
+function $43794af7643cdf40$export$82731b9607850ca6(rest) {
+    /** Axis to show approximate height based on dynamic column scales */ const { axisType: axisType, sections: sections, totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const packages = sections.map((section)=>{
+        const { scaleInfo: scaleInfo } = section;
+        if (scaleInfo.heightScale == null) throw new Error("No height scale available for section");
+        return {
+            key: `section-${section.section_id}`,
+            ...scaleInfo,
+            scale: scaleInfo.heightScale
+        };
+    });
+    return $43794af7643cdf40$var$h($43794af7643cdf40$export$ac30ca3cf5df959d, {
+        axisType: axisType,
+        axisLabel: "Approx. height",
+        axisUnit: "m",
+        packages: packages,
+        totalHeight: totalHeight,
+        ...rest
     });
 }
 function $43794af7643cdf40$export$ac30ca3cf5df959d(props) {
-    const { axisType: axisType, totalHeight: totalHeight, packages: packages } = props;
+    const { axisType: axisType, axisLabel: axisLabel, axisUnit: axisUnit, totalHeight: totalHeight, packages: packages, ...rest } = props;
     if (axisType == (0, $lfxOo$ColumnAxisType).ORDINAL) return null;
-    let axisLabel = "Age";
-    let axisUnit = "Ma";
+    let _axisLabel = axisLabel ?? "Age";
+    let _axisUnit = axisUnit ?? "Ma";
     if (axisType == (0, $lfxOo$ColumnAxisType).DEPTH) {
-        axisLabel = "Depth";
-        axisUnit = "m";
+        _axisLabel = "Depth";
+        _axisUnit = "m";
     } else if (axisType == (0, $lfxOo$ColumnAxisType).HEIGHT) {
-        axisLabel = "Height";
-        axisUnit = "m";
+        _axisLabel = "Height";
+        _axisUnit = "m";
     }
-    return $43794af7643cdf40$var$h([
+    return $43794af7643cdf40$var$h("div.composite-age-axis", rest, [
         $43794af7643cdf40$var$h($43794af7643cdf40$export$64204d5cbb3e8227, {
-            label: axisLabel,
-            unit: axisUnit,
+            label: _axisLabel,
+            unit: _axisUnit,
             height: totalHeight
         }),
         $43794af7643cdf40$var$h((0, $lfxOo$SVG), {
@@ -101,7 +122,6 @@ function $43794af7643cdf40$export$ac30ca3cf5df959d(props) {
 function $43794af7643cdf40$export$20d84abfcfa68dfa({ age: age }) {
     /** A cursor that shows the age at a specific point on the age axis. */ const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
     const heightPx = scale(age);
-    console.log(age, heightPx);
     if (age == null || heightPx == null) return null;
     return $43794af7643cdf40$var$h("div.age-cursor", {
         style: {
@@ -117,5 +137,5 @@ function $43794af7643cdf40$export$20d84abfcfa68dfa({ age: age }) {
 }
 
 
-export {$43794af7643cdf40$export$64204d5cbb3e8227 as VerticalAxisLabel, $43794af7643cdf40$export$40b6b0e4520eeb34 as CompositeAgeAxis, $43794af7643cdf40$export$ac30ca3cf5df959d as CompositeAgeAxisCore, $43794af7643cdf40$export$20d84abfcfa68dfa as AgeCursor};
-//# sourceMappingURL=column-views.02f3732a.js.map
+export {$43794af7643cdf40$export$64204d5cbb3e8227 as VerticalAxisLabel, $43794af7643cdf40$export$40b6b0e4520eeb34 as CompositeAgeAxis, $43794af7643cdf40$export$ac30ca3cf5df959d as CompositeAgeAxisCore, $43794af7643cdf40$export$82731b9607850ca6 as ApproximateHeightAxis, $43794af7643cdf40$export$20d84abfcfa68dfa as AgeCursor};
+//# sourceMappingURL=column-views.adec2e4c.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/age-axis.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  SVG,\n  ColumnAxis,\n  ColumnContext,\n  ColumnAxisType,\n  AgeAxis,\n} from \"@macrostrat/column-components\";\nimport { useContext } from \"react\";\nimport styles from \"./age-axis.module.sass\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport { Parenthetical } from \"@macrostrat/data-components\";\nimport { AgeLabel } from \"./unit-details\";\nimport { PackageScaleLayoutData } from \"./prepare-units/types\";\n\nconst h = hyper.styled(styles);\n\nconst AgeAxisCore = ({ ticks, tickSpacing = 40, showDomain = false }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n\n  return h(\"g.axis\", { transform: \"translate(20 0)\" }, [\n    h(ColumnAxis, {\n      ticks: v,\n      showDomain,\n    }),\n  ]);\n};\n\nexport function VerticalAxisLabel(props) {\n  const { label = \"Age\", unit = \"Ma\", className, height } = props;\n  return h(\n    \"div.column-axis-label.age-axis-label\",\n    { className, style: { height } },\n    [\n      label,\n      \" \",\n      h.if(unit)(Parenthetical, { className: \"age-axis-unit\" }, unit),\n    ],\n  );\n}\n\ninterface CompositeAgeAxisProps {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function CompositeAgeAxis(rest: CompositeAgeAxisProps) {\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    return {\n      key: `section-${section.section_id}`,\n      ...section.scaleInfo,\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    packages,\n    totalHeight,\n    ...rest,\n  });\n}\n\nexport function ApproximateHeightAxis(rest: CompositeAgeAxisProps) {\n  /** Axis to show approximate height based on dynamic column scales */\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    const { scaleInfo } = section;\n    if (scaleInfo.heightScale == null) {\n      throw new Error(\"No height scale available for section\");\n    }\n    return {\n      key: `section-${section.section_id}`,\n      ...scaleInfo,\n      scale: scaleInfo.heightScale, // Use height scale instead of age scale\n      // This only works with dynamic columns\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    axisLabel: \"Approx. height\",\n    axisUnit: \"m\",\n    packages,\n    totalHeight,\n    ...rest,\n  });\n}\n\nexport interface CompositeStratigraphicScaleInfo extends CompositeAgeAxisProps {\n  axisType: ColumnAxisType;\n  axisLabel?: string;\n  axisUnit?: string;\n  totalHeight: number;\n  packages: PackageScaleLayoutData[];\n}\n\nexport function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo) {\n  const { axisType, axisLabel, axisUnit, totalHeight, packages, ...rest } =\n    props;\n\n  if (axisType == ColumnAxisType.ORDINAL) {\n    return null;\n  }\n\n  let _axisLabel: string = axisLabel ?? \"Age\";\n  let _axisUnit = axisUnit ?? \"Ma\";\n  if (axisType == ColumnAxisType.DEPTH) {\n    _axisLabel = \"Depth\";\n    _axisUnit = \"m\";\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    _axisLabel = \"Height\";\n    _axisUnit = \"m\";\n  }\n\n  return h(\"div.composite-age-axis\", rest, [\n    h(VerticalAxisLabel, {\n      label: _axisLabel,\n      unit: _axisUnit,\n      height: totalHeight,\n    }),\n    h(\n      SVG,\n      {\n        className: \"age-axis-column\",\n        style: { width: `22px`, height: `${totalHeight}px` },\n        width: 22,\n        height: totalHeight,\n      },\n      packages.map((group, i) => {\n        const { key, scale } = group;\n\n        return h(AgeAxis, {\n          key,\n          className: \"age-axis\",\n          scale,\n          tickSizeOuter: 3,\n        });\n      }),\n    ),\n  ]);\n}\n\nexport function AgeCursor({ age }) {\n  /** A cursor that shows the age at a specific point on the age axis. */\n  const scale = useCompositeScale();\n  const heightPx = scale(age);\n\n  if (age == null || heightPx == null) {\n    return null;\n  }\n\n  return h(\n    \"div.age-cursor\",\n    {\n      style: {\n        top: heightPx,\n      },\n    },\n    [h(\"div.line\"), h(AgeLabel, { age, className: \"label\" })],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.adec2e4c.js.map"}