@macrostrat/column-views 2.2.2 → 2.3.1

package/dist/esm/column-views.322790f3.js

@@ -0,0 +1,138 @@
+import {FossilDataType as $a3ff7da576c02df0$export$a990c76b38782f57, useFossilData as $a3ff7da576c02df0$export$e6af757fa9780077} from "./column-views.343fc926.js";
+import {BaseMeasurementsColumn as $50d219504625a431$export$ce5c4f2fdf4e644d, groupNotesByPixelDistance as $50d219504625a431$export$4e649f790614b299, standardizeMeasurementHeight as $50d219504625a431$export$9d101e1fcb2166a6, TruncatedList as $50d219504625a431$export$653e47a7a0da0f0d} from "./column-views.de433f18.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4b259f9e.js";
+import "./column-views.cb6fc808.css";
+import $6u76g$columnviewsd5e788e8js from "./column-views.d5e788e8.js";
+import {getPositionWithinUnit as $b6657fba8924a702$export$441710fb21b4ae09, getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.052498a6.js";
+import {PBDBOccurrencesMatrix as $d419340b86dbd2ea$export$652730986cccff7a, FossilDataType as $a3ff7da576c02df0$export$a990c76b38782f57} from "./column-views.6c9e5069.js";
+import $6u76g$macrostrathyper from "@macrostrat/hyper";
+import {ColumnAxisType as $6u76g$ColumnAxisType} from "@macrostrat/column-components";
+import {scaleLinear as $6u76g$scaleLinear} from "d3-scale";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+const $b9286605a04210d4$var$h = (0, $6u76g$macrostrathyper).styled((0, ($parcel$interopDefault($6u76g$columnviewsd5e788e8js))));
+function $b9286605a04210d4$export$554267114407ef68({ columnID: columnID, type: type = (0, $a3ff7da576c02df0$export$a990c76b38782f57).Collections }) {
+    const data = (0, $a3ff7da576c02df0$export$e6af757fa9780077)(columnID, type);
+    const { axisType: axisType, units: units } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    if (data == null || units == null || scale == null) return null;
+    const data1 = $b9286605a04210d4$var$preparePBDBData(data, units, scale, axisType);
+    return $b9286605a04210d4$var$h((0, $50d219504625a431$export$ce5c4f2fdf4e644d), {
+        data: data1,
+        noteComponent: $b9286605a04210d4$var$FossilInfo,
+        focusedNoteComponent: $b9286605a04210d4$var$FossilInfo,
+        className: "fossil-collections"
+    });
+}
+function $b9286605a04210d4$var$FossilInfo(props) {
+    const { note: note, maxItems: maxItems, focused: focused = false } = props;
+    const { data: data } = note;
+    // Sort collections by name
+    data.sort((a, b)=>{
+        const nameA = a.best_name ?? a.cltn_name ?? "";
+        const nameB = b.best_name ?? b.cltn_name ?? "";
+        return nameA.localeCompare(nameB);
+    });
+    return $b9286605a04210d4$var$h((0, $50d219504625a431$export$653e47a7a0da0f0d), {
+        data: data,
+        className: "fossil-collections",
+        itemRenderer: $b9286605a04210d4$var$PBDBCollectionLink,
+        maxItems: focused ? Infinity : maxItems ?? 5
+    });
+}
+const $b9286605a04210d4$var$FocusedFossilInfo = (props)=>$b9286605a04210d4$var$h($b9286605a04210d4$var$FossilInfo, {
+        ...props,
+        maxItems: Infinity
+    });
+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/app/collections#display=col:${data.cltn_id}`,
+        target: "_blank",
+        onClick (e) {
+            e.stopPropagation();
+        }
+    }, data.best_name ?? data.cltn_name);
+}
+function $b9286605a04210d4$var$preparePBDBData(data, units, scale, axisType, options) {
+    /** Prepare PBDB fossil data for display in a measurements column */ const { groupCloseNotes: groupCloseNotes = true } = options ?? {};
+    const groupDistance = typeof groupCloseNotes === "number" ? groupCloseNotes : 10;
+    // Map of data to its defined height ranges
+    const dataMap = new Map();
+    // Todo: if we wanted, we could add a step where we group notes that are too close together here...
+    for (const d of data){
+        const range = $b9286605a04210d4$var$getHeightRangeForPBDBEntity(d, units, axisType);
+        if (range == null) continue;
+        const { height: height, top_height: top_height } = range;
+        // compose the key based on height info
+        let key = `${height}`;
+        if (top_height != null) key += `-${top_height}`;
+        // Group by height key
+        if (!dataMap.has(key)) dataMap.set(key, {
+            height: height,
+            top_height: top_height ?? height,
+            data: [],
+            id: key
+        });
+        dataMap.get(key).data.push(d);
+    }
+    return (0, $50d219504625a431$export$4e649f790614b299)(Array.from(dataMap.values()), scale, axisType, groupDistance);
+}
+function $b9286605a04210d4$var$getHeightRangeForPBDBEntity(d, units, axisType) {
+    let height = null;
+    if (d.slb != null && d.slu == "mbsf") {
+        // Meters below sea floor - special case for eODP where we have
+        // specific depth data referenced
+        height = Number(d.slb);
+        if (axisType === (0, $6u76g$ColumnAxisType).DEPTH) // Data is already in depth units
+        return {
+            height: height
+        };
+    }
+    if (d.unit_id == null) return null;
+    if (height != null) {
+        // If we have both height and unit info, we need to adjust the height
+        // to fit whatever scale type we're using.
+        // TODO: we could improve how this works by having concurrent age and
+        // height scales, which would allow us to do this without having to
+        // reference to a specific unit.
+        const unit = units.find((u)=>u.unit_id === d.unit_id);
+        if (unit == null) return null;
+        const relHeight = $b9286605a04210d4$var$getRelativePositionInUnit(height, unit, (0, $6u76g$ColumnAxisType).DEPTH);
+        if (relHeight == null) return null;
+        height = (0, $b6657fba8924a702$export$441710fb21b4ae09)(relHeight, unit, axisType);
+        return {
+            height: height
+        };
+    }
+    // We can just get the height within the unit, clipped to the unit boundaries
+    return (0, $50d219504625a431$export$9d101e1fcb2166a6)({
+        unit_id: d.unit_id
+    }, units, axisType);
+}
+function $b9286605a04210d4$var$getRelativePositionInUnit(pos, unit, axisType) {
+    // This is the inverse of getPositionWithinUnit
+    const heights = (0, $b6657fba8924a702$export$70e712e2ac0237a)(unit, axisType, false);
+    const scale = (0, $6u76g$scaleLinear)(heights).domain([
+        0,
+        1
+    ]);
+    const relPos = scale.invert(pos);
+    if (relPos < 0 || relPos > 1) return null;
+    return relPos;
+}
+
+
+export {$b9286605a04210d4$export$554267114407ef68 as PBDBFossilsColumn, $a3ff7da576c02df0$export$a990c76b38782f57 as FossilDataType, $a3ff7da576c02df0$export$a990c76b38782f57 as FossilDataType, $d419340b86dbd2ea$export$652730986cccff7a as PBDBOccurrencesMatrix};
+//# sourceMappingURL=column-views.322790f3.js.map

package/dist/esm/column-views.322790f3.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  PBDBEntity,\n  PBDBOccurrence,\n  useFossilData,\n} from \"./provider\";\nimport type { CompositeColumnScale, IUnit } from \"../../units\";\nimport {\n  BaseMeasurementsColumn,\n  ColumnMeasurementData,\n  MeasurementHeightData,\n  standardizeMeasurementHeight,\n  groupNotesByPixelDistance,\n  TruncatedList,\n} from \"../measurements\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport {\n  useCompositeScale,\n  useMacrostratColumnData,\n} from \"../../data-provider\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport styles from \"./taxon-ranges.module.sass\";\nimport { getPositionWithinUnit, getUnitHeightRange } from \"../../prepare-units\";\nimport { scaleLinear } from \"d3-scale\";\n\nexport * from \"./taxon-ranges\";\n\nconst h = hyper.styled(styles);\n\nexport { FossilDataType };\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  const { axisType, units } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  if (data == null || units == null || scale == null) return null;\n\n  const data1 = preparePBDBData(data, units, scale, axisType);\n\n  return h(BaseMeasurementsColumn, {\n    data: data1,\n    noteComponent: FossilInfo,\n    focusedNoteComponent: FossilInfo,\n    className: \"fossil-collections\",\n  });\n}\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  focused?: boolean;\n}\n\nfunction FossilInfo(props: FossilItemProps) {\n  const { note, maxItems, focused = false } = props;\n  const { data } = note;\n  // Sort collections by name\n  data.sort((a, b) => {\n    const nameA = a.best_name ?? a.cltn_name ?? \"\";\n    const nameB = b.best_name ?? b.cltn_name ?? \"\";\n    return nameA.localeCompare(nameB);\n  });\n\n  return h(TruncatedList, {\n    data,\n    className: \"fossil-collections\",\n    itemRenderer: PBDBCollectionLink,\n    maxItems: focused ? Infinity : (maxItems ?? 5),\n  });\n}\n\nconst FocusedFossilInfo = (props: FossilItemProps) =>\n  h(FossilInfo, { ...props, maxItems: Infinity });\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/app/collections#display=col:${data.cltn_id}`,\n      target: \"_blank\",\n      onClick(e) {\n        e.stopPropagation();\n      },\n    },\n    data.best_name ?? data.cltn_name,\n  );\n}\n\ninterface PreparePBDBDataOptions {\n  /** If set, group close notes within this distance (in pixels in display space)\n   * into a single note. If a number is provided, that number is used as the distance,\n   * otherwise a default of 5 pixels is used.\n   */\n  groupCloseNotes?: boolean | number;\n}\n\nfunction preparePBDBData<T extends PBDBEntity>(\n  data: T[],\n  units: UnitLong[],\n  scale: CompositeColumnScale,\n  axisType: ColumnAxisType,\n  options?: { groupCloseNotes?: boolean | number },\n) {\n  /** Prepare PBDB fossil data for display in a measurements column */\n  const { groupCloseNotes = true } = options ?? {};\n  const groupDistance =\n    typeof groupCloseNotes === \"number\" ? groupCloseNotes : 10;\n\n  // Map of data to its defined height ranges\n  const dataMap = new Map<string, ColumnMeasurementData<T[]>>();\n\n  // Todo: if we wanted, we could add a step where we group notes that are too close together here...\n\n  for (const d of data) {\n    const range = getHeightRangeForPBDBEntity(d, units, axisType);\n\n    if (range == null) continue;\n    const { height, top_height } = range;\n    // compose the key based on height info\n    let key = `${height}`;\n    if (top_height != null) {\n      key += `-${top_height}`;\n    }\n\n    // Group by height key\n    if (!dataMap.has(key)) {\n      dataMap.set(key, {\n        height,\n        top_height: top_height ?? height,\n        data: [],\n        id: key,\n      });\n    }\n    dataMap.get(key)!.data.push(d);\n  }\n\n  return groupNotesByPixelDistance(\n    Array.from(dataMap.values()),\n    scale,\n    axisType,\n    groupDistance,\n  );\n}\n\nfunction getHeightRangeForPBDBEntity<T extends PBDBEntity>(\n  d: T,\n  units: UnitLong[],\n  axisType: ColumnAxisType,\n): MeasurementHeightData | null {\n  let height: number | null = null;\n  if (d.slb != null && d.slu == \"mbsf\") {\n    // Meters below sea floor - special case for eODP where we have\n    // specific depth data referenced\n    height = Number(d.slb);\n    if (axisType === ColumnAxisType.DEPTH) {\n      // Data is already in depth units\n      return { height };\n    }\n  }\n  if (d.unit_id == null) return null;\n  if (height != null) {\n    // If we have both height and unit info, we need to adjust the height\n    // to fit whatever scale type we're using.\n    // TODO: we could improve how this works by having concurrent age and\n    // height scales, which would allow us to do this without having to\n    // reference to a specific unit.\n    const unit = units.find((u) => u.unit_id === d.unit_id);\n    if (unit == null) return null;\n    const relHeight = getRelativePositionInUnit(\n      height,\n      unit,\n      ColumnAxisType.DEPTH,\n    );\n    if (relHeight == null) return null;\n    height = getPositionWithinUnit(relHeight, unit, axisType);\n    return { height };\n  }\n  // We can just get the height within the unit, clipped to the unit boundaries\n  return standardizeMeasurementHeight({ unit_id: d.unit_id }, units, axisType);\n}\n\nfunction getRelativePositionInUnit<T extends PBDBEntity>(\n  pos: number,\n  unit: UnitLong,\n  axisType: ColumnAxisType,\n): number | null {\n  // This is the inverse of getPositionWithinUnit\n  const heights = getUnitHeightRange(unit, axisType, false);\n  const scale = scaleLinear(heights).domain([0, 1]);\n  const relPos = scale.invert(pos);\n  if (relPos < 0 || relPos > 1) return null;\n  return relPos;\n}\n"],"names":[],"version":3,"file":"column-views.322790f3.js.map"}

package/dist/esm/{column-views.6698b95a.js → column-views.343fc926.js}

@@ -1,11 +1,10 @@
-import {group as $7EBVZ$group} from "d3-array";
-import {createAPIContext as $7EBVZ$createAPIContext, useAPIResult as $7EBVZ$useAPIResult, useAsyncMemo as $7EBVZ$useAsyncMemo} from "@macrostrat/ui-components";
-
+import {createAPIContext as $7EBVZ$createAPIContext, useAsyncMemo as $7EBVZ$useAsyncMemo} from "@macrostrat/ui-components";
 
 
 const $a3ff7da576c02df0$var$responseUnwrapper = (d)=>d.records;
+const $a3ff7da576c02df0$var$pbdbAPIBase = "https://paleobiodb.org/data1.2";
 const $a3ff7da576c02df0$var$pbdbAPIContext = (0, $7EBVZ$createAPIContext)({
-    baseURL: "https://paleobiodb.org/data1.2",
+    baseURL: $a3ff7da576c02df0$var$pbdbAPIBase,
     unwrapResponse: $a3ff7da576c02df0$var$responseUnwrapper
 });
 var $a3ff7da576c02df0$export$a990c76b38782f57 = /*#__PURE__*/ function(FossilDataType) {
@@ -13,15 +12,6 @@ var $a3ff7da576c02df0$export$a990c76b38782f57 = /*#__PURE__*/ function(FossilDat
     FossilDataType["Collections"] = "colls";
     return FossilDataType;
 }({});
-function $a3ff7da576c02df0$export$c4ed16553d869511(type, { col_id: col_id }) {
-    const params = {
-        ms_column: col_id,
-        show: "full,mslink"
-    };
-    return (0, $7EBVZ$useAPIResult)(`/${type}/list.json`, params, {
-        context: $a3ff7da576c02df0$var$pbdbAPIContext
-    });
-}
 function $a3ff7da576c02df0$export$e6af757fa9780077(col_id, type = "colls") {
     // Fossil links are stored in both Macrostrat and PBDB, depending on how the link was assembled. Here
     // we create a unified view of data over both sources.
@@ -43,7 +33,8 @@ async function $a3ff7da576c02df0$var$fetchMacrostratFossilData(col_id, type) {
     return res.success.data;
 }
 async function $a3ff7da576c02df0$var$fetchPDBDFossilData(col_id, type) {
-    const resp = await fetch(`https://paleobiodb.org/data1.2/${type}/list.json?ms_column=${col_id}&show=mslink,full`);
+    // Note: show=rank does not work on training PBDB server
+    const resp = await fetch($a3ff7da576c02df0$var$pbdbAPIBase + `/${type}/list.json?ms_column=${col_id}&show=mslink,stratext`);
     const res = await resp.json();
     return res.records.map(type == "colls" ? $a3ff7da576c02df0$var$createMacrostratCollection : $a3ff7da576c02df0$var$preprocessOccurrence);
 }
@@ -52,13 +43,13 @@ async function $a3ff7da576c02df0$var$fetchFossilData(colID, type) {
         $a3ff7da576c02df0$var$fetchMacrostratFossilData(colID, type),
         $a3ff7da576c02df0$var$fetchPDBDFossilData(colID, type)
     ]);
-    const data = [
+    return [
         ...macrostratData,
         ...pbdbData
     ];
-    return (0, $7EBVZ$group)(data, (d)=>d.unit_id);
 }
 function $a3ff7da576c02df0$var$preprocessOccurrence(d) {
+    if (d.msu == null || d.msc == null) return d;
     /* Preprocess data for an occurrence into a Macrostrat-like format */ // Standardize names of Macrostrat units and columns
     const unit_id = parseInt(d.msu.replace(/^\w+:/, ""));
     const col_id = parseInt(d.msc.replace(/^\w+:/, ""));
@@ -104,5 +95,5 @@ function $a3ff7da576c02df0$var$createMacrostratCollection(d) {
 }
 
 
-export {$a3ff7da576c02df0$export$a990c76b38782f57 as FossilDataType, $a3ff7da576c02df0$export$c4ed16553d869511 as usePBDBFossilData, $a3ff7da576c02df0$export$e6af757fa9780077 as useFossilData};
-//# sourceMappingURL=column-views.6698b95a.js.map
+export {$a3ff7da576c02df0$export$a990c76b38782f57 as FossilDataType, $a3ff7da576c02df0$export$e6af757fa9780077 as useFossilData};
+//# sourceMappingURL=column-views.343fc926.js.map

package/dist/esm/column-views.343fc926.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/facets/fossils/provider.ts"],"sourcesContent":["import {\n  createAPIContext,\n  useAPIResult,\n  useAsyncMemo,\n} from \"@macrostrat/ui-components\";\n\nconst responseUnwrapper = (d) => d.records;\n\nconst pbdbAPIBase = \"https://paleobiodb.org/data1.2\";\n\nconst pbdbAPIContext = createAPIContext({\n  baseURL: pbdbAPIBase,\n  unwrapResponse: responseUnwrapper,\n});\n\nexport enum FossilDataType {\n  Occurrences = \"occs\",\n  Collections = \"colls\",\n}\n\nexport interface PBDBEntity {\n  unit_id: number;\n  col_id: number;\n  cltn_id: number;\n  // For eODP, slb/slu are used to store the heights of fossil locations found in measured sections.\n  // They may have a more general set of uses as well but these are not currently explored.\n  slb?: string; // The local bed in which the fossil was found\n  slu?: string; // The unit of measurement used to designate the local bed\n}\n\nexport interface PBDBCollection extends PBDBEntity {\n  cltn_name: string;\n  pbdb_occs: number;\n  t_age: number;\n  b_age: number;\n  [key: string]: any; // Allow for additional properties\n}\n\nexport interface PBDBOccurrence extends PBDBEntity {\n  occ_id: number;\n  cltn_id: number;\n  taxon_name: string;\n  best_name: string;\n  [key: string]: any; // Allow for additional properties\n}\n\nexport function useFossilData(\n  col_id: number,\n  type = FossilDataType.Collections,\n) {\n  // Fossil links are stored in both Macrostrat and PBDB, depending on how the link was assembled. Here\n  // we create a unified view of data over both sources.\n  return useAsyncMemo(async () => {\n    if (col_id == null) return null;\n    return await fetchFossilData(col_id, type);\n  }, [col_id, type]);\n}\n\nasync function fetchMacrostratFossilData(\n  col_id: number,\n  type: FossilDataType,\n): Promise<PBDBCollection[]> {\n  if (type !== FossilDataType.Collections) {\n    // Macrostrat API only supports collections\n    return [];\n  }\n\n  // Fetch fossil collections linked to columns from the Macrostrat API\n  const resp = await fetch(\n    `https://macrostrat.org/api/fossils?col_id=${col_id}`,\n  );\n  const res = await resp.json();\n  // Create collections from Macrostrat data\n  return res.success.data;\n}\n\nasync function fetchPDBDFossilData(\n  col_id: number,\n  type: FossilDataType,\n): Promise<PBDBCollection[]> {\n  // Note: show=rank does not work on training PBDB server\n  const resp = await fetch(\n    pbdbAPIBase + `/${type}/list.json?ms_column=${col_id}&show=mslink,stratext`,\n  );\n  const res = await resp.json();\n  return res.records.map(\n    type == FossilDataType.Collections\n      ? createMacrostratCollection\n      : preprocessOccurrence,\n  );\n}\n\nasync function fetchFossilData<T extends PBDBEntity>(\n  colID: number,\n  type: FossilDataType,\n): Promise<T[]> {\n  const [macrostratData, pbdbData] = await Promise.all([\n    fetchMacrostratFossilData(colID, type),\n    fetchPDBDFossilData(colID, type),\n  ]);\n  return [...macrostratData, ...pbdbData];\n}\n\nfunction preprocessOccurrence(d): PBDBOccurrence {\n  if (d.msu == null || d.msc == null) {\n    return d;\n  }\n  /* Preprocess data for an occurrence into a Macrostrat-like format */\n  // Standardize names of Macrostrat units and columns\n  const unit_id = parseInt(d.msu.replace(/^\\w+:/, \"\"));\n  const col_id = parseInt(d.msc.replace(/^\\w+:/, \"\"));\n\n  // taxon names may be stored in different fields\n  const occ_id = parseInt(d.oid.replace(/^occ:/, \"\"));\n  const cltn_id = parseInt(d.cid.replace(/^col:/, \"\"));\n\n  return {\n    ...d,\n    unit_id,\n    col_id,\n    taxon_name: d.tna,\n    best_name: d.idn ?? d.tna,\n    occ_id,\n    cltn_id,\n    cltn_name: d.nam,\n  };\n}\n\nfunction createMacrostratCollection(d): PBDBCollection {\n  /* Preprocess data for a collection into a Macrostrat-like format */\n  let unit_id = null;\n  let col_id = null;\n  // Standardize names of Macrostrat units and columns\n  if (d.msu != null) {\n    unit_id = parseInt(d.msu.replace(/^\\w+:/, \"\"));\n  }\n  if (d.msc != null) {\n    col_id = parseInt(d.msc.replace(/^\\w+:/, \"\"));\n  }\n\n  // taxon names may be stored in different fields\n  let taxon_name = d.tna;\n  let occ_id = null;\n  if (d.oid != null && d.oid.startsWith(\"occ:\")) {\n    occ_id = parseInt(d.oid.replace(/^occ:/, \"\"));\n  }\n  if (d.idn != null) {\n    taxon_name = d.idn;\n  }\n\n  let cltn_id = d.cltn_id;\n  if (d.oid != null && d.oid.startsWith(\"col:\")) {\n    cltn_id = parseInt(d.oid.replace(/^col:/, \"\"));\n  } else if (d.cid != null && d.cid.startsWith(\"col:\")) {\n    cltn_id = parseInt(d.cid.replace(/^col:/, \"\"));\n  }\n\n  return {\n    ...d,\n    unit_id,\n    col_id,\n    taxon_name,\n    occ_id,\n    cltn_id,\n    cltn_name: d.nam,\n    t_age: d.t_age,\n    b_age: d.b_age,\n  };\n}\n"],"names":[],"version":3,"file":"column-views.343fc926.js.map"}

package/dist/esm/{column-views.aeb61926.js → column-views.3d3e00be.js}

@@ -1,4 +1,4 @@
-import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800} from "./column-views.ef88c46c.js";
+import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800} from "./column-views.e075af15.js";
 import {create as $g0ikq$create, useStore as $g0ikq$useStore} from "zustand";
 import {createContext as $g0ikq$createContext, useState as $g0ikq$useState, useMemo as $g0ikq$useMemo, useEffect as $g0ikq$useEffect, useContext as $g0ikq$useContext} from "react";
 import $g0ikq$macrostrathyper from "@macrostrat/hyper";
@@ -78,4 +78,4 @@ function $09486427d129f589$export$642c2b57c47ea41(selector) {
 
 
 export {$09486427d129f589$export$8da3b11f62ebf019 as ColumnNavigationProvider, $09486427d129f589$export$642c2b57c47ea41 as useColumnNavigationStore};
-//# sourceMappingURL=column-views.aeb61926.js.map
+//# sourceMappingURL=column-views.3d3e00be.js.map

package/dist/esm/{column-views.aeb61926.js.map → column-views.3d3e00be.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAoCA,MAAM,+CAAyB,CAAA,GAAA,oBAAY,EACzC;AAGK,SAAS,0CAAyB,YACvC,QAAQ,WACR,OAAO,aACP,SAAS,kBACT,cAAc,aACd,SAAS,aACT,SAAS,kBACT,cAAc,iBACd,aAAa,EACW;IACxB,MAAM,aAAa,CAAA,GAAA,wCAAiB,EAAE,CAAC,IAAM,EAAE,UAAU;IAEzD,MAAM,CAAC,MAAM,GAAG,CAAA,GAAA,eAAO,EAAE;QACvB,OAAO,CAAA,GAAA,aAAK,EAAmB,CAAC,KAAK;YACnC,OAAO;gBACL,SAAS;gBACT,gBAAgB;gBAChB,eAAe;gBACf,cAAa,QAAuB;oBAClC,IAAI;wBAAE,gBAAgB;wBAAU,eAAe;oBAAK;oBACpD,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,iBAAiB,UAAU;gBAC7B;gBACA,kBAAiB,QAAuB;oBACtC,IAAI;wBAAE,eAAe;oBAAS;oBAC9B,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,gBAAgB,UAAU;gBAC5B;YACF;QACF;IACF;IAEA,mBAAmB;IACnB,iEAAiE,GACjE,+BAA+B;IAC/B,wEAAwE;IACxE,2DAA2D;IAC3D,mDAAmD;IAEnD,IAAI,WAAW,WAAW,CAAA,GAAA,yCAAmB,EAAE,WAAW;IAE1D,8BAA8B;IAC9B,IAAI,WAAW,SAAS,GACtB,WAAW,CAAA,GAAA,cAAM,EAAE;QACjB,OAAO,UAAU,OAAO,CAAC,IAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM;IACvE,GAAG;QAAC;QAAW;KAAS;IAG1B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,SAAS,GACrB,MAAM,QAAQ,CAAC;YAAE,SAAS;4BAAU;QAAe;IAEvD,GAAG;QAAC;KAAS;IACb,qDAAqD;IAErD,6EAA6E;IAC7E,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,gBAAE,YAAY,EAAE,gBAAgB,uBAAuB,EAAE,GAC7D,MAAM,QAAQ;QAChB,IAAI,kBAAkB,yBACpB;QAEF,aAAa;IACf,GAAG;QAAC;KAAe;IAEnB,OAAO,CAAA,GAAA,sBAAA,EAAE,6CAAuB,QAAQ,EAAE;QAAE,OAAO;IAAM,GAAG;AAC9D;AAEO,SAAS,yCACd,QAAyC;IAEzC,MAAM,WAAW,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY,MACd,MAAM,IAAI,MAAM;IAElB,OAAO,CAAA,GAAA,eAAO,EAAE,UAAU;AAC5B","sources":["packages/column-views/src/maps/column-navigation/mapbox/state.ts"],"sourcesContent":["import { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecordWithID } from \"@macrostrat/api-types\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  useMacrostratColumns,\n  useMacrostratStore,\n} from \"../../../data-provider\";\n\nexport interface NavigationStore {\n  columns: ColumnGeoJSONRecordWithID[];\n  selectedColumn: number | null;\n  hoveredColumn: number | null;\n  selectColumn: (columnID: number | null) => void;\n  setHoveredColumn: (columnID: number | null) => void;\n}\n\nexport interface NavigationProviderProps {\n  projectID?: number;\n  inProcess?: boolean;\n  selectedColumn?: number | null;\n  hoveredColumn?: number | null;\n  columns?: ColumnGeoJSONRecordWithID[] | null;\n  columnIDs?: number[] | null;\n  children: ReactNode;\n  onSelectColumn?: (col_id: number | null, column: any) => void;\n  onHoverColumn?: (col_id: number | null, column: any) => void;\n}\n\nconst NavigationStoreContext = createContext<StoreApi<NavigationStore> | null>(\n  null,\n);\n\nexport function ColumnNavigationProvider({\n  children,\n  columns,\n  columnIDs,\n  selectedColumn,\n  projectID,\n  inProcess,\n  onSelectColumn,\n  onHoverColumn,\n}: NavigationProviderProps) {\n  const getColumns = useMacrostratStore((s) => s.getColumns);\n\n  const [store] = useState(() => {\n    return create<NavigationStore>((set, get): NavigationStore => {\n      return {\n        columns: null,\n        selectedColumn: null,\n        hoveredColumn: null,\n        selectColumn(columnID: number | null) {\n          set({ selectedColumn: columnID, hoveredColumn: null });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onSelectColumn?.(columnID, column);\n        },\n        setHoveredColumn(columnID: number | null) {\n          set({ hoveredColumn: columnID });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onHoverColumn?.(columnID, column);\n        },\n      };\n    });\n  });\n\n  // Set up the store\n  /** TODO: unify handling of columns between parts of application */\n  // useAsyncEffect(async () => {\n  //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n  //   store.setState({ columns: _columns, selectedColumn });\n  // }, [projectID, inProcess, columns, getColumns]);\n\n  let _columns = columns ?? useMacrostratColumns(projectID, inProcess);\n\n  // filter columns if specified\n  if (columnIDs?.length > 0) {\n    _columns = useMemo(() => {\n      return _columns?.filter((d) => columnIDs.includes(d.properties.col_id));\n    }, [columnIDs, _columns]);\n  }\n\n  useEffect(() => {\n    if (_columns?.length > 0) {\n      store.setState({ columns: _columns, selectedColumn });\n    }\n  }, [_columns]);\n  // Update selected column if it is changed externally\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  useEffect(() => {\n    const { selectColumn, selectedColumn: _internalSelectedColumn } =\n      store.getState();\n    if (selectedColumn == _internalSelectedColumn) {\n      return;\n    }\n    selectColumn(selectedColumn);\n  }, [selectedColumn]);\n\n  return h(NavigationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useColumnNavigationStore(\n  selector: (state: NavigationStore) => any,\n) {\n  const storeApi = useContext(NavigationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing ColumnNavigationProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n"],"names":[],"version":3,"file":"column-views.aeb61926.js.map"}
+{"mappings":";;;;;;;;;AAoCA,MAAM,+CAAyB,CAAA,GAAA,oBAAY,EACzC;AAGK,SAAS,0CAAyB,YACvC,QAAQ,WACR,OAAO,aACP,SAAS,kBACT,cAAc,aACd,SAAS,aACT,SAAS,kBACT,cAAc,iBACd,aAAa,EACW;IACxB,MAAM,aAAa,CAAA,GAAA,wCAAiB,EAAE,CAAC,IAAM,EAAE,UAAU;IAEzD,MAAM,CAAC,MAAM,GAAG,CAAA,GAAA,eAAO,EAAE;QACvB,OAAO,CAAA,GAAA,aAAK,EAAmB,CAAC,KAAK;YACnC,OAAO;gBACL,SAAS;gBACT,gBAAgB;gBAChB,eAAe;gBACf,cAAa,QAAuB;oBAClC,IAAI;wBAAE,gBAAgB;wBAAU,eAAe;oBAAK;oBACpD,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,iBAAiB,UAAU;gBAC7B;gBACA,kBAAiB,QAAuB;oBACtC,IAAI;wBAAE,eAAe;oBAAS;oBAC9B,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,gBAAgB,UAAU;gBAC5B;YACF;QACF;IACF;IAEA,mBAAmB;IACnB,iEAAiE,GACjE,+BAA+B;IAC/B,wEAAwE;IACxE,2DAA2D;IAC3D,mDAAmD;IAEnD,IAAI,WAAW,WAAW,CAAA,GAAA,yCAAmB,EAAE,WAAW;IAE1D,8BAA8B;IAC9B,IAAI,WAAW,SAAS,GACtB,WAAW,CAAA,GAAA,cAAM,EAAE;QACjB,OAAO,UAAU,OAAO,CAAC,IAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM;IACvE,GAAG;QAAC;QAAW;KAAS;IAG1B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,SAAS,GACrB,MAAM,QAAQ,CAAC;YAAE,SAAS;4BAAU;QAAe;IAEvD,GAAG;QAAC;KAAS;IACb,qDAAqD;IAErD,6EAA6E;IAC7E,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,gBAAE,YAAY,EAAE,gBAAgB,uBAAuB,EAAE,GAC7D,MAAM,QAAQ;QAChB,IAAI,kBAAkB,yBACpB;QAEF,aAAa;IACf,GAAG;QAAC;KAAe;IAEnB,OAAO,CAAA,GAAA,sBAAA,EAAE,6CAAuB,QAAQ,EAAE;QAAE,OAAO;IAAM,GAAG;AAC9D;AAEO,SAAS,yCACd,QAAyC;IAEzC,MAAM,WAAW,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY,MACd,MAAM,IAAI,MAAM;IAElB,OAAO,CAAA,GAAA,eAAO,EAAE,UAAU;AAC5B","sources":["packages/column-views/src/maps/column-navigation/mapbox/state.ts"],"sourcesContent":["import { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecordWithID } from \"@macrostrat/api-types\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  useMacrostratColumns,\n  useMacrostratStore,\n} from \"../../../data-provider\";\n\nexport interface NavigationStore {\n  columns: ColumnGeoJSONRecordWithID[];\n  selectedColumn: number | null;\n  hoveredColumn: number | null;\n  selectColumn: (columnID: number | null) => void;\n  setHoveredColumn: (columnID: number | null) => void;\n}\n\nexport interface NavigationProviderProps {\n  projectID?: number;\n  inProcess?: boolean;\n  selectedColumn?: number | null;\n  hoveredColumn?: number | null;\n  columns?: ColumnGeoJSONRecordWithID[] | null;\n  columnIDs?: number[] | null;\n  children: ReactNode;\n  onSelectColumn?: (col_id: number | null, column: any) => void;\n  onHoverColumn?: (col_id: number | null, column: any) => void;\n}\n\nconst NavigationStoreContext = createContext<StoreApi<NavigationStore> | null>(\n  null,\n);\n\nexport function ColumnNavigationProvider({\n  children,\n  columns,\n  columnIDs,\n  selectedColumn,\n  projectID,\n  inProcess,\n  onSelectColumn,\n  onHoverColumn,\n}: NavigationProviderProps) {\n  const getColumns = useMacrostratStore((s) => s.getColumns);\n\n  const [store] = useState(() => {\n    return create<NavigationStore>((set, get): NavigationStore => {\n      return {\n        columns: null,\n        selectedColumn: null,\n        hoveredColumn: null,\n        selectColumn(columnID: number | null) {\n          set({ selectedColumn: columnID, hoveredColumn: null });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onSelectColumn?.(columnID, column);\n        },\n        setHoveredColumn(columnID: number | null) {\n          set({ hoveredColumn: columnID });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onHoverColumn?.(columnID, column);\n        },\n      };\n    });\n  });\n\n  // Set up the store\n  /** TODO: unify handling of columns between parts of application */\n  // useAsyncEffect(async () => {\n  //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n  //   store.setState({ columns: _columns, selectedColumn });\n  // }, [projectID, inProcess, columns, getColumns]);\n\n  let _columns = columns ?? useMacrostratColumns(projectID, inProcess);\n\n  // filter columns if specified\n  if (columnIDs?.length > 0) {\n    _columns = useMemo(() => {\n      return _columns?.filter((d) => columnIDs.includes(d.properties.col_id));\n    }, [columnIDs, _columns]);\n  }\n\n  useEffect(() => {\n    if (_columns?.length > 0) {\n      store.setState({ columns: _columns, selectedColumn });\n    }\n  }, [_columns]);\n  // Update selected column if it is changed externally\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  useEffect(() => {\n    const { selectColumn, selectedColumn: _internalSelectedColumn } =\n      store.getState();\n    if (selectedColumn == _internalSelectedColumn) {\n      return;\n    }\n    selectColumn(selectedColumn);\n  }, [selectedColumn]);\n\n  return h(NavigationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useColumnNavigationStore(\n  selector: (state: NavigationStore) => any,\n) {\n  const storeApi = useContext(NavigationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing ColumnNavigationProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n"],"names":[],"version":3,"file":"column-views.3d3e00be.js.map"}

package/dist/esm/{column-views.7d69838d.js → column-views.40094dd9.js}

@@ -1,5 +1,5 @@
-import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.54f8b909.js";
-import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.abf6aedd.js";
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.052498a6.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4b259f9e.js";
 import $5ZBll$macrostrathyper from "@macrostrat/hyper";
 import $5ZBll$react, {useCallback as $5ZBll$useCallback, useMemo as $5ZBll$useMemo} from "react";
 import {NotesColumn as $5ZBll$NotesColumn} from "@macrostrat/column-components";
@@ -66,4 +66,4 @@ function $bc17276da4abb183$export$594d19cdd88f8c16(props) {
 
 
 export {$bc17276da4abb183$export$2f2e65a797f8fc1e as noteForDivision, $bc17276da4abb183$export$c9757aeb43a67df0 as defaultNameFunction, $bc17276da4abb183$export$6316e673796ccb55 as UnitDataColumn, $bc17276da4abb183$export$594d19cdd88f8c16 as UnitNamesColumn};
-//# sourceMappingURL=column-views.7d69838d.js.map
+//# sourceMappingURL=column-views.40094dd9.js.map

package/dist/esm/{column-views.7d69838d.js.map → column-views.40094dd9.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AA+BA,SAAS,0CACP,GAAU,EACV,IAAkC;IAElC,MAAM,YAAE,QAAQ,EAAE,GAAG;IAErB,MAAM,CAAC,QAAQ,WAAW,GAAG,CAAA,GAAA,wCAAiB,EAAE,KAAK;IAErD,OAAO;gBACL;oBACA;QACA,MAAM;QACN,IAAI,IAAI,OAAO;IACjB;AACF;AAEA,MAAM,4CAAsB,CAAC;IAC3B,OAAO,IAAI,SAAS,CACjB,OAAO,CAAC,OAAO,UACf,OAAO,CAAC,MAAM,aACd,OAAO,CAAC,MAAM;AACnB;AAEA,SAAS,sCAAgB,KAAoB;IAC3C,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAClD,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAC9B,MAAM,QACJ,OAAO,kBACP,aAAa,oBACb,mBAAmB,CAAC,MAA8B,IAAc,qBAChE,gBAAgB,cAChB,YAAY,OACZ,GAAG,MACJ,GAAG;IAEJ,MAAM,sBAAsB,CAAA,GAAA,kBAAU,EACpC,CAAC;QACC,IAAI,iBAAiB,GAAG,OAAO;QAC/B,MAAM,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM;QACxD,OAAO,KAAK;IACd,GACA;QAAC;QAAO;KAAc;IAGxB,IAAI,aAAa,MAAM,OAAO;IAC9B,MAAM,QAAoB,UACvB,MAAM,CAAC,kBACP,GAAG,CAAC,CAAC,IAAa,0CAAgB,GAAG;sBAAE;QAAS,IAChD,MAAM,CAAC;IAEV,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,kBAAU,GAAG;QACpB,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAC/B,UAAU;uBACV;eACA;QACA,cAAc;YACZ,aAAa;QACf;QACA,GAAG,IAAI;IACT;AACF;AAEA,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,IAAI,CAAC;AAS3B,SAAS,0CAAgB,KAAqB;IACnD,MAAM,mBACJ,kBAAkB,0DAClB,aAAa,EACb,GAAG,MACJ,GAAG;IAEJ,MAAM,uBAAuB,CAAA,GAAA,cAAM,EACjC,IAAM,CAAC;YACL,MAAM,QAAE,IAAI,EAAE,GAAG;YACjB,OAAO,CAAA,GAAA,sBAAA,EAAE,oBAAoB,gBAAgB,KAAK,IAAI;QACxD,GACA;QAAC;KAAgB;IAGnB,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAgB;QACvB,eAAe,iBAAiB;QAChC,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/units/names.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n  ColumnAxisType,\n  NotesColumn,\n  NotesColumnProps,\n} from \"@macrostrat/column-components\";\nimport type { ColumnDivision } from \"@macrostrat/column-components\";\nimport { IUnit } from \"./types\";\nimport React from \"react\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { CompositeColumnScale } from \"./composite\";\nimport { useCompositeScale, useMacrostratColumnData } from \"../data-provider\";\n\ninterface UnitDataProps extends NotesColumnProps {\n  left?: number;\n  transform?: string;\n  noteComponent?: React.ComponentType<any>;\n  shouldRenderNote?(div: ColumnDivision | IUnit, index: number): boolean;\n  divisions?: IUnit[];\n  minimumHeight?: number;\n  scale?: CompositeColumnScale;\n}\n\ntype UnitNote = {\n  height: number;\n  top_height: number;\n  data: IUnit;\n  id: number;\n};\n\nfunction noteForDivision(\n  div: IUnit,\n  opts: { axisType: ColumnAxisType },\n): UnitNote {\n  const { axisType } = opts;\n\n  const [height, top_height] = getUnitHeightRange(div, axisType);\n\n  return {\n    height,\n    top_height,\n    data: div,\n    id: div.unit_id,\n  };\n}\n\nconst defaultNameFunction = (div) => {\n  return div.unit_name\n    .replace(\"Mbr\", \"Member\")\n    .replace(\"Fm\", \"Formation\")\n    .replace(\"Gp\", \"Group\");\n};\n\nfunction UnitDataColumn_(props: UnitDataProps) {\n  const { axisType, units } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n  const {\n    left = 0,\n    noteComponent,\n    shouldRenderNote = (note: ColumnDivision | IUnit, i: number) => true,\n    minimumHeight = 0,\n    divisions = units,\n    ...rest\n  } = props;\n\n  const minimumHeightFilter = useCallback(\n    (d) => {\n      if (minimumHeight == 0) return true;\n      const dy = Math.abs(scale(d.top_height) - scale(d.height));\n      return dy > minimumHeight;\n    },\n    [scale, minimumHeight],\n  );\n\n  if (divisions == null) return null;\n  const notes: UnitNote[] = divisions\n    .filter(shouldRenderNote)\n    .map((d: IUnit) => noteForDivision(d, { axisType }))\n    .filter(minimumHeightFilter);\n\n  return h(NotesColumn, {\n    transform: `translate(${left})`,\n    editable: false,\n    noteComponent,\n    notes,\n    forceOptions: {\n      nodeSpacing: 1,\n    },\n    ...rest,\n  });\n}\n\nconst UnitDataColumn = React.memo(UnitDataColumn_);\n\ninterface UnitNamesProps extends UnitDataProps {\n  nameForDivision?(obj: IUnit): string;\n  paddingLeft?: number;\n  width: number;\n  onClickNote?: (note: any) => void;\n}\n\nexport function UnitNamesColumn(props: UnitNamesProps) {\n  const {\n    nameForDivision = defaultNameFunction,\n    noteComponent,\n    ...rest\n  } = props;\n\n  const defaultNoteComponent = useMemo(\n    () => (props) => {\n      const { note } = props;\n      return h(\"p.col-note-label\", nameForDivision(note.data));\n    },\n    [nameForDivision],\n  );\n\n  return h(UnitDataColumn, {\n    noteComponent: noteComponent ?? defaultNoteComponent,\n    ...rest,\n  });\n}\n\nexport type { UnitNamesProps };\nexport { defaultNameFunction, noteForDivision, UnitDataColumn };\n"],"names":[],"version":3,"file":"column-views.7d69838d.js.map"}
+{"mappings":";;;;;;;;;;;AA+BA,SAAS,0CACP,GAAU,EACV,IAAkC;IAElC,MAAM,YAAE,QAAQ,EAAE,GAAG;IAErB,MAAM,CAAC,QAAQ,WAAW,GAAG,CAAA,GAAA,wCAAiB,EAAE,KAAK;IAErD,OAAO;gBACL;oBACA;QACA,MAAM;QACN,IAAI,IAAI,OAAO;IACjB;AACF;AAEA,MAAM,4CAAsB,CAAC;IAC3B,OAAO,IAAI,SAAS,CACjB,OAAO,CAAC,OAAO,UACf,OAAO,CAAC,MAAM,aACd,OAAO,CAAC,MAAM;AACnB;AAEA,SAAS,sCAAgB,KAAoB;IAC3C,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAClD,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAC9B,MAAM,QACJ,OAAO,kBACP,aAAa,oBACb,mBAAmB,CAAC,MAA8B,IAAc,qBAChE,gBAAgB,cAChB,YAAY,OACZ,GAAG,MACJ,GAAG;IAEJ,MAAM,sBAAsB,CAAA,GAAA,kBAAU,EACpC,CAAC;QACC,IAAI,iBAAiB,GAAG,OAAO;QAC/B,MAAM,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM;QACxD,OAAO,KAAK;IACd,GACA;QAAC;QAAO;KAAc;IAGxB,IAAI,aAAa,MAAM,OAAO;IAC9B,MAAM,QAAoB,UACvB,MAAM,CAAC,kBACP,GAAG,CAAC,CAAC,IAAa,0CAAgB,GAAG;sBAAE;QAAS,IAChD,MAAM,CAAC;IAEV,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,kBAAU,GAAG;QACpB,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAC/B,UAAU;uBACV;eACA;QACA,cAAc;YACZ,aAAa;QACf;QACA,GAAG,IAAI;IACT;AACF;AAEA,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,IAAI,CAAC;AAS3B,SAAS,0CAAgB,KAAqB;IACnD,MAAM,mBACJ,kBAAkB,0DAClB,aAAa,EACb,GAAG,MACJ,GAAG;IAEJ,MAAM,uBAAuB,CAAA,GAAA,cAAM,EACjC,IAAM,CAAC;YACL,MAAM,QAAE,IAAI,EAAE,GAAG;YACjB,OAAO,CAAA,GAAA,sBAAA,EAAE,oBAAoB,gBAAgB,KAAK,IAAI;QACxD,GACA;QAAC;KAAgB;IAGnB,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAgB;QACvB,eAAe,iBAAiB;QAChC,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/units/names.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n  ColumnAxisType,\n  NotesColumn,\n  NotesColumnProps,\n} from \"@macrostrat/column-components\";\nimport type { ColumnDivision } from \"@macrostrat/column-components\";\nimport { IUnit } from \"./types\";\nimport React from \"react\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { CompositeColumnScale } from \"./composite\";\nimport { useCompositeScale, useMacrostratColumnData } from \"../data-provider\";\n\ninterface UnitDataProps extends NotesColumnProps {\n  left?: number;\n  transform?: string;\n  noteComponent?: React.ComponentType<any>;\n  shouldRenderNote?(div: ColumnDivision | IUnit, index: number): boolean;\n  divisions?: IUnit[];\n  minimumHeight?: number;\n  scale?: CompositeColumnScale;\n}\n\ntype UnitNote = {\n  height: number;\n  top_height: number;\n  data: IUnit;\n  id: number;\n};\n\nfunction noteForDivision(\n  div: IUnit,\n  opts: { axisType: ColumnAxisType },\n): UnitNote {\n  const { axisType } = opts;\n\n  const [height, top_height] = getUnitHeightRange(div, axisType);\n\n  return {\n    height,\n    top_height,\n    data: div,\n    id: div.unit_id,\n  };\n}\n\nconst defaultNameFunction = (div) => {\n  return div.unit_name\n    .replace(\"Mbr\", \"Member\")\n    .replace(\"Fm\", \"Formation\")\n    .replace(\"Gp\", \"Group\");\n};\n\nfunction UnitDataColumn_(props: UnitDataProps) {\n  const { axisType, units } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n  const {\n    left = 0,\n    noteComponent,\n    shouldRenderNote = (note: ColumnDivision | IUnit, i: number) => true,\n    minimumHeight = 0,\n    divisions = units,\n    ...rest\n  } = props;\n\n  const minimumHeightFilter = useCallback(\n    (d) => {\n      if (minimumHeight == 0) return true;\n      const dy = Math.abs(scale(d.top_height) - scale(d.height));\n      return dy > minimumHeight;\n    },\n    [scale, minimumHeight],\n  );\n\n  if (divisions == null) return null;\n  const notes: UnitNote[] = divisions\n    .filter(shouldRenderNote)\n    .map((d: IUnit) => noteForDivision(d, { axisType }))\n    .filter(minimumHeightFilter);\n\n  return h(NotesColumn, {\n    transform: `translate(${left})`,\n    editable: false,\n    noteComponent,\n    notes,\n    forceOptions: {\n      nodeSpacing: 1,\n    },\n    ...rest,\n  });\n}\n\nconst UnitDataColumn = React.memo(UnitDataColumn_);\n\ninterface UnitNamesProps extends UnitDataProps {\n  nameForDivision?(obj: IUnit): string;\n  paddingLeft?: number;\n  width: number;\n  onClickNote?: (note: any) => void;\n}\n\nexport function UnitNamesColumn(props: UnitNamesProps) {\n  const {\n    nameForDivision = defaultNameFunction,\n    noteComponent,\n    ...rest\n  } = props;\n\n  const defaultNoteComponent = useMemo(\n    () => (props) => {\n      const { note } = props;\n      return h(\"p.col-note-label\", nameForDivision(note.data));\n    },\n    [nameForDivision],\n  );\n\n  return h(UnitDataColumn, {\n    noteComponent: noteComponent ?? defaultNoteComponent,\n    ...rest,\n  });\n}\n\nexport type { UnitNamesProps };\nexport { defaultNameFunction, noteForDivision, UnitDataColumn };\n"],"names":[],"version":3,"file":"column-views.40094dd9.js.map"}

package/dist/esm/{column-views.d2214a99.js → column-views.44373a90.js}

@@ -1,13 +1,13 @@
-import {ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.75e5aebe.js";
-import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.abf6aedd.js";
+import {ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.63d40878.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4b259f9e.js";
 import $aB7pQ$macrostrathyper from "@macrostrat/hyper";
-import {SVG as $aB7pQ$SVG, StaticNotesColumn as $aB7pQ$StaticNotesColumn} from "@macrostrat/column-components";
+import {SVG as $aB7pQ$SVG, NotesColumn as $aB7pQ$NotesColumn} from "@macrostrat/column-components";
 
 
 
 
 
-function $9e52fe4012c88296$export$fc5babae10f3f77d({ notes: notes, width: width = 200, noteComponent: noteComponent, paddingLeft: paddingLeft = 60, deltaConnectorAttachment: deltaConnectorAttachment, children: children }) {
+function $9e52fe4012c88296$export$fc5babae10f3f77d({ notes: notes, width: width = 200, noteComponent: noteComponent, paddingLeft: paddingLeft = 60, deltaConnectorAttachment: deltaConnectorAttachment, focusedNoteComponent: focusedNoteComponent, children: children }) {
     const { totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
     const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
     return (0, $aB7pQ$macrostrathyper)((0, $8c8238faa5cde49c$export$6cc7a9df4edde18), {
@@ -20,12 +20,13 @@ function $9e52fe4012c88296$export$fc5babae10f3f77d({ notes: notes, width: width
             height: totalHeight,
             paddingH: 4
         }, [
-            (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$StaticNotesColumn), {
+            (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$NotesColumn), {
                 width: width,
                 notes: notes,
                 noteComponent: noteComponent,
                 paddingLeft: paddingLeft,
-                deltaConnectorAttachment: deltaConnectorAttachment
+                deltaConnectorAttachment: deltaConnectorAttachment,
+                focusedNoteComponent: focusedNoteComponent
             })
         ]),
         children
@@ -34,4 +35,4 @@ function $9e52fe4012c88296$export$fc5babae10f3f77d({ notes: notes, width: width
 
 
 export {$9e52fe4012c88296$export$fc5babae10f3f77d as ColumnNotes};
-//# sourceMappingURL=column-views.d2214a99.js.map
+//# sourceMappingURL=column-views.44373a90.js.map

package/dist/esm/column-views.44373a90.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAkBO,SAAS,0CAAY,SAC1B,KAAK,SACL,QAAQ,oBACR,aAAa,eACb,cAAc,8BACd,wBAAwB,wBACxB,oBAAoB,YACpB,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,kBAAU,GAAG;uBACb;uBACA;+BACA;6BACA;0CACA;sCACA;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 { NotesColumn, SVG } from \"@macrostrat/column-components\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport type { ComponentType, 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  focusedNoteComponent?: ComponentType<any> | null;\n}\n\nexport function ColumnNotes({\n  notes,\n  width = 200,\n  noteComponent,\n  paddingLeft = 60,\n  deltaConnectorAttachment,\n  focusedNoteComponent,\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(NotesColumn, {\n          width,\n          notes,\n          noteComponent,\n          paddingLeft,\n          deltaConnectorAttachment,\n          focusedNoteComponent,\n        }),\n      ]),\n      children,\n    ],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.44373a90.js.map"}

package/dist/esm/column-views.479f68bd.js

@@ -0,0 +1,152 @@
+import {useDetritalMeasurements as $9f310bd6e88a58bc$export$1b0cf9c36f060135} from "./column-views.60e97132.js";
+import $d4hxx$columnviews2c45a7b5js from "./column-views.2c45a7b5.js";
+import "./column-views.6f9511d1.css";
+import {BaseMeasurementsColumn as $50d219504625a431$export$ce5c4f2fdf4e644d, mergeHeightRanges as $50d219504625a431$export$8f2afa8ddee7317e} from "./column-views.de433f18.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4b259f9e.js";
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.052498a6.js";
+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";
+import {group as $d4hxx$group} from "d3-array";
+import {NonIdealState as $d4hxx$NonIdealState, Spinner as $d4hxx$Spinner} from "@blueprintjs/core";
+
+
+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$prepareDetritalData(data, units, axisType) {
+    /** Right now measurement data could be duplicated if there are multiple units linked to the same
+   * measuremeta_id. THis happens because matches to units might be at a lower rank (e.g, if the column
+   * contains Formations but the measurements are linked to a Group). To handle this, we group by measuremeta_id
+   * and then create unique keys based on the set of units linked to each measurement.
+   */ // Group data by measuremeta_id
+    const measurementsGrouped = (0, $d4hxx$group)(data, (d)=>d.measuremeta_id);
+    const resMap = new Map();
+    for (const measurements of measurementsGrouped.values()){
+        // Get a list of unique unit_ids for this measurement
+        const unitIDs = new Set(measurements.map((m)=>m.unit_id));
+        const ids = Array.from(unitIDs);
+        ids.sort();
+        // Key is unique to the set of units
+        const key = ids.join("-");
+        if (!resMap.has(key)) {
+            const unitData = ids.map((id)=>{
+                return units.find((u)=>u.unit_id === id);
+            }).filter(Boolean);
+            const positions = unitData.map((unit)=>{
+                const [height, top_height] = (0, $b6657fba8924a702$export$70e712e2ac0237a)(unit, axisType);
+                return {
+                    height: height,
+                    top_height: top_height
+                };
+            });
+            // merge positions (note: we could also have multiple separate notes per measurement)
+            const pos = (0, $50d219504625a431$export$8f2afa8ddee7317e)(positions, axisType);
+            resMap.set(key, {
+                id: key,
+                data: [],
+                units: unitData,
+                ...pos
+            });
+        }
+        resMap.get(key).data.push(measurements[0]);
+    }
+    return Array.from(resMap.values());
+}
+function $715dd5fedd79146a$export$f176396e104db8d5({ columnID: columnID, color: color = "magenta" }) {
+    const data = (0, $9f310bd6e88a58bc$export$1b0cf9c36f060135)({
+        col_id: columnID
+    });
+    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
+    ]);
+    const { axisType: axisType, units: units } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const data1 = (0, $d4hxx$useMemo)(()=>{
+        if (data == null || units == null) return null;
+        return $715dd5fedd79146a$var$prepareDetritalData(data, units, axisType);
+    }, [
+        data,
+        units,
+        axisType
+    ]);
+    if (data1 == null) return $715dd5fedd79146a$var$h((0, $d4hxx$NonIdealState), $715dd5fedd79146a$var$h((0, $d4hxx$Spinner)));
+    return $715dd5fedd79146a$var$h((0, $50d219504625a431$export$ce5c4f2fdf4e644d), {
+        data: data1,
+        noteComponent: noteComponent,
+        deltaConnectorAttachment: 20
+    });
+}
+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, units: units } = note;
+    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
+        }, [
+            units.map((unit)=>{
+                return $715dd5fedd79146a$var$h($715dd5fedd79146a$var$DepositionalAge, {
+                    unit: unit
+                });
+            }),
+            data.map((d)=>{
+                return $715dd5fedd79146a$var$h((0, $d4hxx$DetritalSeries), {
+                    bandwidth: 20,
+                    data: d.measure_value,
+                    color: _color
+                });
+            })
+        ])
+    ]);
+}
+
+
+export {$715dd5fedd79146a$export$f176396e104db8d5 as DetritalColumn, $715dd5fedd79146a$export$1b3047373cd1c8c7 as DetritalGroup};
+//# sourceMappingURL=column-views.479f68bd.js.map

package/dist/esm/column-views.479f68bd.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/facets/detrital-zircon/index.ts"],"sourcesContent":["import {\n  DetritalSpectrumPlot,\n  DetritalSeries,\n  usePlotArea,\n} from \"@macrostrat/data-components\";\nimport type { IUnit } from \"../../units/types\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDetritalMeasurements, MeasurementInfo } from \"./provider\";\nimport { useMemo } from \"react\";\nimport styles from \"./index.module.sass\";\nimport classNames from \"classnames\";\nimport {\n  BaseMeasurementsColumn,\n  mergeHeightRanges,\n  ColumnMeasurementData,\n} from \"../measurements\";\nimport { group } from \"d3-array\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { useMacrostratColumnData } from \"../../data-provider\";\nimport { getUnitHeightRange } from \"../../prepare-units\";\nimport { NonIdealState, Spinner } from \"@blueprintjs/core\";\n\nconst h = hyper.styled(styles);\n\ninterface DetritalItemProps {\n  note: DZMeasurementInfo;\n  spacing?: {\n    below?: number;\n    above?: number;\n  };\n  width?: number;\n  height?: number;\n  color?: string;\n}\n\ninterface DZMeasurementInfo extends ColumnMeasurementData<MeasurementInfo[]> {\n  units: IUnit[];\n}\n\nfunction prepareDetritalData(\n  data: MeasurementInfo[],\n  units: IUnit[],\n  axisType: ColumnAxisType,\n) {\n  /** Right now measurement data could be duplicated if there are multiple units linked to the same\n   * measuremeta_id. THis happens because matches to units might be at a lower rank (e.g, if the column\n   * contains Formations but the measurements are linked to a Group). To handle this, we group by measuremeta_id\n   * and then create unique keys based on the set of units linked to each measurement.\n   */\n\n  // Group data by measuremeta_id\n  const measurementsGrouped = group(data, (d) => d.measuremeta_id);\n\n  const resMap = new Map<string, DZMeasurementInfo>();\n\n  for (const measurements of measurementsGrouped.values()) {\n    // Get a list of unique unit_ids for this measurement\n    const unitIDs = new Set(measurements.map((m) => m.unit_id));\n    const ids = Array.from(unitIDs);\n    ids.sort();\n    // Key is unique to the set of units\n    const key = ids.join(\"-\");\n\n    if (!resMap.has(key)) {\n      const unitData = ids\n        .map((id) => {\n          return units.find((u) => u.unit_id === id);\n        })\n        .filter(Boolean);\n\n      const positions = unitData.map((unit) => {\n        const [height, top_height] = getUnitHeightRange(unit, axisType);\n        return { height, top_height };\n      });\n\n      // merge positions (note: we could also have multiple separate notes per measurement)\n      const pos = mergeHeightRanges(positions, axisType);\n\n      resMap.set(key, {\n        id: key,\n        data: [],\n        units: unitData as IUnit[],\n        ...pos,\n      });\n    }\n    resMap.get(key)!.data.push(measurements[0]);\n  }\n\n  return Array.from(resMap.values());\n}\n\nfunction DetritalColumn({ columnID, color = \"magenta\" }) {\n  const data = useDetritalMeasurements({ col_id: columnID });\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  const { axisType, units } = useMacrostratColumnData();\n\n  const data1 = useMemo(() => {\n    if (data == null || units == null) return null;\n    return prepareDetritalData(data, units, axisType);\n  }, [data, units, axisType]);\n\n  if (data1 == null) return h(NonIdealState, h(Spinner));\n\n  return h(BaseMeasurementsColumn, {\n    data: data1,\n    noteComponent,\n    deltaConnectorAttachment: 20,\n  });\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, units } = note;\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          units.map((unit) => {\n            return h(DepositionalAge, { unit });\n          }),\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\nexport { DetritalColumn, DetritalGroup };\n"],"names":[],"version":3,"file":"column-views.479f68bd.js.map"}

package/dist/esm/{column-views.ad080c0e.js → column-views.488f24b6.js}

@@ -1,4 +1,4 @@
-import {useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.aeb61926.js";
+import {useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.3d3e00be.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.ad080c0e.js.map
+//# sourceMappingURL=column-views.488f24b6.js.map

package/dist/esm/{column-views.ad080c0e.js.map → column-views.488f24b6.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.ad080c0e.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.488f24b6.js.map"}

package/dist/esm/{column-views.abf6aedd.js → column-views.4b259f9e.js}

@@ -1,4 +1,4 @@
-import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.073c42da.js";
+import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.1b5bf0c6.js";
 import {createContext as $a90Ta$createContext, useMemo as $a90Ta$useMemo, useContext as $a90Ta$useContext, useRef as $a90Ta$useRef, useEffect as $a90Ta$useEffect} from "react";
 import $a90Ta$macrostrathyper from "@macrostrat/hyper";
 import {createIsolation as $a90Ta$createIsolation} from "jotai-scope";
@@ -133,4 +133,4 @@ function $d5074f164411387e$var$AtomUpdater({ atoms: atoms }) {
 
 
 export {$d5074f164411387e$export$ef5395089200109b as MacrostratColumnStateProvider, $d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$7513be0cfd10d9cc as useColumnUnitsMap, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
-//# sourceMappingURL=column-views.abf6aedd.js.map
+//# sourceMappingURL=column-views.4b259f9e.js.map