@macrostrat/column-views 2.0.1 → 2.1.0

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,0BAAI,CAAA,GAAA,kBAAU,EAAE,CAAA,GAAA,uEAAK;AAgCpB,SAAS,0CAAO,KAAkB;IACvC,MAAM,mBACJ,kBAAkB,2BAClB,qBAAqB,sBACrB,aAAa,kBACb,cAAc,gBACd,YAAY,YACZ,QAAQ,EACR,OAAO,QAAQ,YACf,WAAW,CAAA,GAAA,qBAAa,EAAE,GAAG,SAC7B,KAAK,SACL,KAAK,sBACL,qBAAqB,sBACrB,mBAAmB,gBACnB,UAAU,iBACV,gBAAgB,uBAChB,mBAAmB,iCACnB,8BAA8B,0BAC9B,kBAAkB,EAClB,GAAG,MACJ,GAAG;IACJ,MAAM,MAAM,CAAA,GAAA,aAAK;IACjB,yBAAyB;IAEzB,MAAM,YAAE,QAAQ,SAAE,KAAK,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,yCAAqB,EAAE,UAAU;kBACxE;eACA;eACA;uBACA;0BACA;4BACA;oBACA;uBACA;0BACA;qCACA;IACF;IAEA,IAAI,SAAS,MAAM,KAAK,GACtB,OAAO,wBACL,8BACA,wBAAE,CAAA,GAAA,oBAAY,GAAG;QACf,OAAO;QACP,aAAa;QACb,MAAM;IACR;IAIJ,IAAI,OAAY,wBAAE,mCAAa;QAAE,WAAW;QAAK,GAAG,IAAI;IAAC,GAAG;QAC1D;QACA,wBAAE,EAAE,CAAC,iBAAiB,CAAA,GAAA,yCAAmB;QACzC,wBAAE,EAAE,CAAC,oBAAoB,CAAA,GAAA,yCAAqB,GAAG;mBAAE;QAAM;KAC1D;IAED;;GAEC,GACD,IAAI,sBAAsB,sBAAsB;IAChD,IAAI,mBAAmB,gBAAgB,QAAQ,kBAAkB,MAC/D,sBAAsB;IAGxB,IAAI,qBACF,OAAO,wBACL,CAAA,GAAA,yCAAoB,GACpB;QACE,WAAW;wBACX;sBACA;eACA;IACF,GACA;IAIJ,OAAO,wBACL,CAAA,GAAA,yCAA2B,GAC3B;eAAE;kBAAO;qBAAU;kBAAa;IAAS,GACzC;AAEJ;AAMA,SAAS,kCAAY,KAAuB;IAC1C,MAAM,iBACJ,gBAAgB,CAAA,GAAA,yCAAY,uBAC5B,qBAAqB,kBACrB,aAAa,MACb,OAAO,SAAS,GAAG,EACnB,aAAa,eAAe,GAAG,EAC/B,iBAAiB,mBAAmB,IAAI,aACxC,SAAS,aACT,SAAS,aACT,YAAY,iBACZ,QAAQ,iBACR,aAAa,mBACb,eAAe,sBACf,kBAAkB,eAClB,WAAW,EACZ,GAAG;IAEJ,MAAM,YAAE,QAAQ,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAE3C,IAAI,QAAQ;IACZ,IAAI,cAAc;IAClB,IAAI,cAAc,OAChB,cAAc;IAEhB,IAAI,kBAAkB;IACtB,IAAI,cAAc,QAAQ,IACxB,kBAAkB;IAGpB,IAAI,iBAAiB,iBAAiB;IACtC,IAAI,mBAAmB,MACrB,iBAAiB;IAEnB,iBAAiB,YAAY,CAAA,GAAA,qBAAa,EAAE,GAAG,IAAI;IAEnD,OAAO,wBACL,2CACA;QACE,GAAG,4CAAsB,YAAY;mBACrC;IACF,GACA,wBAAE,cAAc;QAAE,KAAK;IAAU,GAAG;QAClC,wBAAE,CAAA,GAAA,yCAAe;QACjB,wBAAE,EAAE,CAAC,gBAAgB,CAAA,GAAA,yCAAiB,GAAG;YAAE,QAAQ;QAAgB;QACnE,wBAAE,CAAA,GAAA,yCAAa,GAAG;2BAChB;wBACA;mBACA;yBACA;6BACA;uBACA;gCACA;gCACA;QACF;QACA;KACD;AAEL;AAQA,SAAS,4CACP,eAA8C,IAAI;IAElD,wBAAwB,GAExB,mCAAmC;IACnC,MAAM,WAAW,CAAA,GAAA,yCAAuB;IACxC,MAAM,UAAU,CAAA,GAAA,kBAAU,EACxB,CAAC;QACC,WAAW,MAAM,MAAM;IACzB,GACA;QAAC;KAAS;IAGZ,yBAAyB,GACzB,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,MAAM,cAAc,CAAA,GAAA,kBAAU,EAC5B,CAAC;QACC,MAAM,SAAS,MAAM,MAAM,CACzB,IAAI,OAAO,GAAG,IAAI,aAAa,CAAC,qBAAqB,GAAG,GAAG;QAE7D,eAAe,MAAM,QAAQ;IAC/B,GACA;QAAC;QAAO;KAAa;IAGvB,MAAM,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC7B,eAAe,MAAM,MAAM;IAC7B,GAAG;QAAC;KAAa;IAEjB,IAAI,gBAAgB,MAClB,OAAO;iBACL;QACA,aAAa;QACb,aAAa;QACb,YAAY;IACd;IAGF,OAAO;qBAAE;QAAa,aAAa;oBAAa;iBAAY;IAAQ;AACtE;AAMO,SAAS,0CAAgB,KAA2B;IACzD,MAAM,aAAE,SAAS,EAAE,GAAG,MAAM,GAAG;IAC/B,MAAM,WAAW,CAAA,GAAA,kBAAU;IAE3B,OAAO,wBAAE,wBAAwB;QAC/B,WAAW,CAAA,GAAA,iBAAS,EAAE,WAAW;YAC/B,aAAa,UAAU,aAAa;QACtC;QACA,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/column.ts"],"sourcesContent":["import { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport classNames from \"classnames\";\nimport { RefObject, useRef, HTMLAttributes, useCallback } from \"react\";\nimport styles from \"./column.module.sass\";\nimport {\n  UnitSelectionProvider,\n  UnitComponent,\n  UnitKeyboardNavigation,\n  useUnitSelectionDispatch,\n} from \"./units\";\n\nimport { ColumnHeightScaleOptions } from \"./prepare-units/composite-scale\";\nimport { UnitSelectionPopover } from \"./unit-details\";\nimport {\n  MacrostratColumnDataProvider,\n  useCompositeScale,\n  useMacrostratColumnData,\n} from \"./data-provider\";\nimport {\n  SectionSharedProps,\n  CompositeTimescale,\n  SectionsColumn,\n} from \"./section\";\nimport { CompositeAgeAxis } from \"./age-axis\";\nimport { MergeSectionsMode, usePreparedColumnUnits } from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { NonIdealState } from \"@blueprintjs/core\";\n\nconst h = hyperStyled(styles);\n\ninterface BaseColumnProps extends SectionSharedProps {\n  className?: string;\n  showLabelColumn?: boolean;\n  keyboardNavigation?: boolean;\n  showLabels?: boolean;\n  maxInternalColumns?: number;\n  // Timescale properties\n  showTimescale?: boolean;\n  timescaleLevels?: number | [number, number];\n  onMouseOver?: (\n    unit: UnitLong | null,\n    height: number | null,\n    evt: MouseEvent,\n  ) => void;\n}\n\nexport interface ColumnProps extends BaseColumnProps, ColumnHeightScaleOptions {\n  // Macrostrat units\n  units: UnitLong[];\n  t_age?: number;\n  b_age?: number;\n  mergeSections?: MergeSectionsMode;\n  showUnitPopover?: boolean;\n  allowUnitSelection?: boolean;\n  selectedUnit?: number | null;\n  onUnitSelected?: (unitID: number | null, unit: any) => void;\n  // Unconformity height in pixels\n  unconformityHeight?: number;\n}\n\nexport function Column(props: ColumnProps) {\n  const {\n    showUnitPopover = false,\n    keyboardNavigation = false,\n    mergeSections,\n    onUnitSelected,\n    selectedUnit,\n    children,\n    units: rawUnits,\n    axisType = ColumnAxisType.AGE,\n    t_age,\n    b_age,\n    unconformityHeight = 30,\n    targetUnitHeight = 20,\n    pixelScale,\n    minPixelScale = 0.2,\n    minSectionHeight = 50,\n    collapseSmallUnconformities = true,\n    allowUnitSelection,\n    ...rest\n  } = props;\n  const ref = useRef<HTMLElement>();\n  // Selected item position\n\n  const { sections, units, totalHeight } = usePreparedColumnUnits(rawUnits, {\n    axisType,\n    t_age,\n    b_age,\n    mergeSections,\n    targetUnitHeight,\n    unconformityHeight,\n    pixelScale,\n    minPixelScale,\n    minSectionHeight,\n    collapseSmallUnconformities,\n  });\n\n  if (sections.length === 0) {\n    return h(\n      \"div.column-container.empty\",\n      h(NonIdealState, {\n        title: \"Empty column\",\n        description: \"No sections found in this column.\",\n        icon: \"warning-sign\",\n      }),\n    );\n  }\n\n  let main: any = h(ColumnInner, { columnRef: ref, ...rest }, [\n    children,\n    h.if(showUnitPopover)(UnitSelectionPopover),\n    h.if(keyboardNavigation)(UnitKeyboardNavigation, { units }),\n  ]);\n\n  /* By default, unit selection is disabled. However, if any related props are passed,\n   we enable it.\n   */\n  let _allowUnitSelection = allowUnitSelection ?? false;\n  if (showUnitPopover || selectedUnit != null || onUnitSelected != null) {\n    _allowUnitSelection = true;\n  }\n\n  if (_allowUnitSelection) {\n    main = h(\n      UnitSelectionProvider,\n      {\n        columnRef: ref,\n        onUnitSelected,\n        selectedUnit,\n        units,\n      },\n      main,\n    );\n  }\n\n  return h(\n    MacrostratColumnDataProvider,\n    { units, sections, totalHeight, axisType },\n    main,\n  );\n}\n\ninterface ColumnInnerProps extends BaseColumnProps {\n  columnRef: RefObject<HTMLElement>;\n}\n\nfunction ColumnInner(props: ColumnInnerProps) {\n  const {\n    unitComponent = UnitComponent,\n    unconformityLabels = true,\n    showLabels = true,\n    width: _width = 300,\n    columnWidth: _columnWidth = 150,\n    showLabelColumn: _showLabelColumn = true,\n    className,\n    columnRef,\n    clipUnits = false,\n    children,\n    showTimescale,\n    timescaleLevels,\n    maxInternalColumns,\n    onMouseOver,\n  } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  let width = _width;\n  let columnWidth = _columnWidth;\n  if (columnWidth > width) {\n    columnWidth = width;\n  }\n  let showLabelColumn = _showLabelColumn;\n  if (columnWidth > width - 10) {\n    showLabelColumn = false;\n  }\n\n  let _showTimescale = showTimescale ?? true;\n  if (timescaleLevels != null) {\n    _showTimescale = true;\n  }\n  _showTimescale = axisType == ColumnAxisType.AGE && _showTimescale;\n\n  return h(\n    ColumnContainer,\n    {\n      ...useMouseEventHandlers(onMouseOver),\n      className,\n    },\n    h(\"div.column\", { ref: columnRef }, [\n      h(CompositeAgeAxis),\n      h.if(_showTimescale)(CompositeTimescale, { levels: timescaleLevels }),\n      h(SectionsColumn, {\n        unitComponent,\n        showLabels,\n        width,\n        columnWidth,\n        showLabelColumn,\n        clipUnits,\n        unconformityLabels,\n        maxInternalColumns,\n      }),\n      children,\n    ]),\n  );\n}\n\ntype ColumnMouseOverHandler = (\n  unit: UnitLong | null,\n  height: number | null,\n  evt: MouseEvent,\n) => void;\n\nfunction useMouseEventHandlers(\n  _onMouseOver: ColumnMouseOverHandler | null = null,\n) {\n  /** Click event handler */\n\n  // Click handler for unit selection\n  const dispatch = useUnitSelectionDispatch();\n  const onClick = useCallback(\n    (evt) => {\n      dispatch?.(null, null, evt as any);\n    },\n    [dispatch],\n  );\n\n  /** Hover event handlers */\n  const scale = useCompositeScale();\n\n  const onMouseOver = useCallback(\n    (evt) => {\n      const height = scale.invert(\n        evt.clientY - evt.currentTarget.getBoundingClientRect().top,\n      );\n      _onMouseOver?.(null, height, evt);\n    },\n    [scale, _onMouseOver],\n  );\n\n  const onMouseOut = useCallback(() => {\n    _onMouseOver?.(null, null, null);\n  }, [_onMouseOver]);\n\n  if (_onMouseOver == null) {\n    return {\n      onClick,\n      onMouseOver: undefined,\n      onMouseMove: undefined,\n      onMouseOut: undefined,\n    };\n  }\n\n  return { onMouseOver, onMouseMove: onMouseOver, onMouseOut, onClick };\n}\n\nexport interface ColumnContainerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n}\n\nexport function ColumnContainer(props: ColumnContainerProps) {\n  const { className, ...rest } = props;\n  const darkMode = useDarkMode();\n\n  return h(\"div.column-container\", {\n    className: classNames(className, {\n      \"dark-mode\": darkMode?.isEnabled ?? false,\n    }),\n    ...rest,\n  });\n}\n"],"names":[],"version":3,"file":"column-views.91385fdc.js.map"}

package/dist/esm/{column-views.1c589cc4.js → column-views.9892f825.js}

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

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

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

package/dist/esm/{column-views.1edc7300.js → column-views.9b77388d.js}

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

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

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

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

@@ -0,0 +1,7 @@
+import {PrevalentTaxa as $0f8616b716a13cdc$export$1cf0bc392c5bec1f} from "./column-views.f2948ff8.js";
+
+
+
+
+export {$0f8616b716a13cdc$export$1cf0bc392c5bec1f as PrevalentTaxa};
+//# sourceMappingURL=column-views.a582d4b5.js.map

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

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/data-components/src/components/prevalent-taxa/index.ts"],"sourcesContent":["export * from \"./prevalent-taxa\";\n"],"names":[],"version":3,"file":"column-views.a582d4b5.js.map"}

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

@@ -0,0 +1,25 @@
+import $4S7nJ$macrostrathyper from "@macrostrat/hyper";
+import {createContext as $4S7nJ$createContext, useContext as $4S7nJ$useContext} from "react";
+import {useAPIResult as $4S7nJ$useAPIResult} from "@macrostrat/ui-components";
+
+
+
+
+const $5dbb619f2c7bef60$export$c644ef985ce7a4c4 = (0, $4S7nJ$createContext)(null);
+function $5dbb619f2c7bef60$export$5f01d5b342a89841(props) {
+    const { children: children, ...params } = props;
+    const res = (0, $4S7nJ$useAPIResult)("/measurements", {
+        ...params,
+        show_values: true,
+        response: "long"
+    });
+    return (0, $4S7nJ$macrostrathyper)($5dbb619f2c7bef60$export$c644ef985ce7a4c4.Provider, {
+        value: res,
+        children: children
+    });
+}
+const $5dbb619f2c7bef60$export$8a0335fd9ff72150 = ()=>(0, $4S7nJ$useContext)($5dbb619f2c7bef60$export$c644ef985ce7a4c4);
+
+
+export {$5dbb619f2c7bef60$export$c644ef985ce7a4c4 as MeasurementDataContext, $5dbb619f2c7bef60$export$5f01d5b342a89841 as MeasurementDataProvider, $5dbb619f2c7bef60$export$8a0335fd9ff72150 as useMeasurementData};
+//# sourceMappingURL=column-views.a7c5ae16.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAIA,MAAM,4CAAyB,CAAA,GAAA,oBAAY,EAAE;AAEtC,SAAS,0CAAwB,KAAK;IAC3C,MAAM,YAAE,QAAQ,EAAE,GAAG,QAAQ,GAAG;IAChC,MAAM,MAAM,CAAA,GAAA,mBAAW,EAAE,iBAAiB;QACxC,GAAG,MAAM;QACT,aAAa;QACb,UAAU;IACZ;IACA,OAAO,CAAA,GAAA,sBAAA,EAAE,0CAAuB,QAAQ,EAAE;QAAE,OAAO;kBAAK;IAAS;AACnE;AAEA,MAAM,4CAAqB,IAAM,CAAA,GAAA,iBAAS,EAAE","sources":["packages/column-views/src/facets/carbon-isotopes/data-provider.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useContext, createContext } from \"react\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\n\nconst MeasurementDataContext = createContext(null);\n\nexport function MeasurementDataProvider(props) {\n  const { children, ...params } = props;\n  const res = useAPIResult(\"/measurements\", {\n    ...params,\n    show_values: true,\n    response: \"long\",\n  });\n  return h(MeasurementDataContext.Provider, { value: res, children });\n}\n\nconst useMeasurementData = () => useContext(MeasurementDataContext);\n\nexport { useMeasurementData, MeasurementDataContext };\n"],"names":[],"version":3,"file":"column-views.a7c5ae16.js.map"}

package/dist/esm/{column-views.5c02fee2.js → column-views.a91dde4a.js}

@@ -1,10 +1,10 @@
-import {resolveID as $d3e69bd163d41f63$export$7be7d732f3de9464, scalePattern as $d3e69bd163d41f63$export$e8deec7b02ce51eb} from "./column-views.8dd877af.js";
-import {useUnitSelectionTarget as $4d5d1c15f39f6a14$export$cbbec12b1451fe7d} from "./column-views.8e51206e.js";
+import {resolveID as $d3e69bd163d41f63$export$7be7d732f3de9464, scalePattern as $d3e69bd163d41f63$export$e8deec7b02ce51eb} from "./column-views.006d5180.js";
+import {useUnitSelectionTarget as $4d5d1c15f39f6a14$export$cbbec12b1451fe7d} from "./column-views.1af9761e.js";
 import "./column-views.6c670c13.css";
 import $lClM8$columnviews4d374a35js from "./column-views.4d374a35.js";
 import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.39657bbf.js";
-import {useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.28ee5f43.js";
-import {getMixedUnitColor as $6698edd2a743bf07$export$175d3e927f1a9860} from "./column-views.1edc7300.js";
+import {useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.3ba9213d.js";
+import {getMixedUnitColor as $6698edd2a743bf07$export$175d3e927f1a9860} from "./column-views.9b77388d.js";
 import {ColumnAxisType as $lClM8$ColumnAxisType, ColumnContext as $lClM8$ColumnContext, ColumnLayoutContext as $lClM8$ColumnLayoutContext, useColumn as $lClM8$useColumn, useGeologicPattern as $lClM8$useGeologicPattern, ForeignObject as $lClM8$ForeignObject, PatternDefsProvider as $lClM8$PatternDefsProvider} from "@macrostrat/column-components";
 import {SizeAwareLabel as $lClM8$SizeAwareLabel} from "@macrostrat/ui-components";
 import $lClM8$macrostrathyper from "@macrostrat/hyper";
@@ -75,7 +75,7 @@ function $d254716a820e9c85$export$d54fdbabca27e53(props) {
     ]);
 }
 function $d254716a820e9c85$export$1d8b9ae22d404866(props) {
-    const { division: d, children: children, fill: fill, defaultFill: defaultFill = "transparent", className: className, widthFraction: widthFraction = 1, backgroundColor: backgroundColor, patternColor: patternColor, axisType: _, ...baseBounds } = props;
+    const { division: d, children: children, fill: fill, defaultFill: defaultFill = "transparent", className: className, widthFraction: widthFraction = 1, backgroundColor: backgroundColor, patternColor: patternColor, patternID: patternID, axisType: _, ...baseBounds } = props;
     const { axisType: axisType } = (0, $lClM8$useColumn)();
     const hasOverflowTop = d.t_clip_pos != null;
     const hasOverflowBottom = d.b_clip_pos != null;
@@ -88,8 +88,8 @@ function $d254716a820e9c85$export$1d8b9ae22d404866(props) {
         overflowTop: hasOverflowTop,
         overflowBottom: hasOverflowBottom
     };
-    const patternID = (0, $d3e69bd163d41f63$export$7be7d732f3de9464)(d);
-    let _fill = fill ?? (0, $lClM8$useGeologicPattern)(patternID, defaultFill);
+    const _patternID = patternID ?? (0, $d3e69bd163d41f63$export$7be7d732f3de9464)(d);
+    let _fill = fill ?? (0, $lClM8$useGeologicPattern)(_patternID, defaultFill);
     const hasBackgroundColor = backgroundColor != null;
     const _className = (0, $lClM8$classnames)(className, {
         colored: hasBackgroundColor
@@ -193,7 +193,7 @@ function $d254716a820e9c85$var$zigZagBoxPath(x, y, width, height, top, bottom) {
     return d.toString();
 }
 function $d254716a820e9c85$export$b4f0ca233b98f9af(props) {
-    const { division: division, label: label, onLabelUpdated: onLabelUpdated, widthFraction: widthFraction, showLabel: showLabel = true, backgroundColor: backgroundColor, axisType: _, ...baseBounds } = props;
+    const { division: division, label: label, onLabelUpdated: onLabelUpdated, widthFraction: widthFraction, showLabel: showLabel = true, backgroundColor: backgroundColor, patternID: patternID, axisType: _, ...baseBounds } = props;
     const { axisType: axisType } = (0, $lClM8$useColumn)();
     const bounds = {
         ...$d254716a820e9c85$var$useUnitRect(division, {
@@ -207,6 +207,7 @@ function $d254716a820e9c85$export$b4f0ca233b98f9af(props) {
         className: "labeled-unit",
         division: division,
         backgroundColor: backgroundColor,
+        patternID: patternID,
         ...bounds
     }, [
         $d254716a820e9c85$var$h.if(showLabel)((0, $lClM8$ForeignObject), {
@@ -255,4 +256,4 @@ function $d254716a820e9c85$export$5d1cdfabe8dc8085(props) {
 
 
 export {$d254716a820e9c85$export$d54fdbabca27e53 as MinimalUnit, $d254716a820e9c85$export$1d8b9ae22d404866 as Unit, $d254716a820e9c85$export$b4f0ca233b98f9af as LabeledUnit, $d254716a820e9c85$export$5d1cdfabe8dc8085 as UnitBoxes};
-//# sourceMappingURL=column-views.5c02fee2.js.map
+//# sourceMappingURL=column-views.a91dde4a.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/boxes.ts"],"sourcesContent":["import {\n  ColumnAxisType,\n  ColumnContext,\n  ColumnLayoutContext,\n  ForeignObject,\n  PatternDefsProvider,\n  useColumn,\n  useGeologicPattern,\n} from \"@macrostrat/column-components\";\nimport { SizeAwareLabel, Clickable } from \"@macrostrat/ui-components\";\nimport hyper from \"@macrostrat/hyper\";\nimport { forwardRef, ReactNode, useContext, useMemo } from \"react\";\nimport { resolveID, scalePattern } from \"./resolvers\";\nimport { useUnitSelectionTarget } from \"./selection\";\nimport { IUnit } from \"./types\";\nimport styles from \"./boxes.module.sass\";\nimport classNames from \"classnames\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { useLithologies } from \"../data-provider\";\nimport { getMixedUnitColor } from \"./colors\";\nimport { path } from \"d3-path\";\nimport type { RectBounds } from \"./types\";\n\nconst h = hyper.styled(styles);\n\ninterface UnitRectOptions {\n  widthFraction?: number;\n  axisType?: ColumnAxisType;\n  // Padding to create overflow for zig-zags or other ornamented edges\n  padding?: number;\n}\n\ninterface UnitProps extends Clickable, Partial<RectBounds>, UnitRectOptions {\n  division: IUnit;\n  resolveID?(IUnit): string;\n  UUID?: string;\n  defaultFill?: string;\n  widthFraction?: number;\n  children?: ReactNode;\n  className?: string;\n  fill?: string;\n  backgroundColor?: string;\n  patternColor?: string;\n  patternID?: string | number;\n}\n\nexport interface LabeledUnitProps\n  extends UnitRectOptions,\n    Clickable,\n    Partial<RectBounds> {\n  division: IUnit;\n  patternID?: string | number;\n  label: string;\n  onLabelUpdated?(label: string, shown: boolean);\n  halfWidth?: boolean;\n  showLabel?: boolean;\n  backgroundColor?: string;\n}\n\nfunction useUnitRect(\n  division: IUnit,\n  options: UnitRectOptions = {},\n): RectBounds {\n  const {\n    widthFraction = 1,\n    axisType = ColumnAxisType.AGE,\n    padding = 0,\n  } = options;\n  const { scale } = useContext(ColumnContext);\n  const { width } = useContext(ColumnLayoutContext);\n\n  const [bottomHeight, topHeight] = getUnitHeightRange(division, axisType);\n\n  const y = scale(topHeight);\n  const height = Math.abs(scale(bottomHeight) - y);\n\n  return {\n    x: width * (1 - widthFraction) - padding,\n    y: y - padding,\n    height: height + padding * 2,\n    width: widthFraction * width + padding * 2,\n  };\n}\n\nexport function MinimalUnit(props) {\n  const {\n    division: d,\n    children,\n    className,\n    widthFraction = 1,\n    axisType: _, // not sure why this is brought in...\n    nColumns: __,\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n  const lithMap = useLithologies();\n  const bounds = {\n    ...useUnitRect(d, { widthFraction, axisType }),\n    ...baseBounds,\n  };\n\n  const backgroundColor = getMixedUnitColor(d, lithMap, null, false);\n\n  const [ref, selected, onClick] = useUnitSelectionTarget(d);\n\n  return h(\n    \"g.unit\",\n    {\n      className,\n      style: {\n        \"--column-unit-background-color\": backgroundColor,\n        \"--column-stroke-color\": backgroundColor,\n      },\n    },\n    [\n      h(\"rect.unit.background\", {\n        ref,\n        ...bounds,\n        fill: backgroundColor,\n        fillOpacity: 0.8,\n        stroke: backgroundColor,\n        onClick,\n      }),\n      h.if(selected)(\"rect.selection-overlay\", bounds),\n    ],\n  );\n}\n\nfunction Unit(props: UnitProps) {\n  const {\n    division: d,\n    children,\n    fill,\n    defaultFill = \"transparent\",\n    className,\n    widthFraction = 1,\n    backgroundColor,\n    patternColor,\n    patternID,\n    axisType: _, // not sure why this is brought in...\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n\n  const hasOverflowTop = d.t_clip_pos != null;\n  const hasOverflowBottom = d.b_clip_pos != null;\n\n  const bounds = {\n    ...useUnitRect(d, { widthFraction, axisType }),\n    ...baseBounds,\n    overflowTop: hasOverflowTop,\n    overflowBottom: hasOverflowBottom,\n  };\n  const _patternID = patternID ?? resolveID(d);\n  let _fill = fill ?? useGeologicPattern(_patternID, defaultFill);\n\n  const hasBackgroundColor = backgroundColor != null;\n\n  const _className = classNames(className, { colored: hasBackgroundColor });\n\n  const [ref, selected, onClick] = useUnitSelectionTarget(d);\n\n  //const key = `unit-${d.unit_id}`;\n\n  return h(\n    \"g.unit\",\n    {\n      className: _className,\n      style: {\n        \"--column-unit-background-color\": backgroundColor,\n      },\n    },\n    [\n      h(UnitRect, {\n        ...bounds,\n        fill: backgroundColor,\n        onClick,\n        className: \"background\",\n      }),\n      h(UnitRect, {\n        ref,\n        ...bounds,\n        fill: _fill,\n        //mask,\n        onClick,\n        className: \"unit\",\n      }),\n      h.if(selected)(UnitRect, { ...bounds, className: \"selection-overlay\" }),\n      //defs,\n      children,\n    ],\n  );\n}\n\ninterface UnitRectProps {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  className: string;\n  // Used to determine if the rect should have a zig-zag edge on the top or bottom\n  overflowTop?: boolean;\n  overflowBottom?: boolean;\n  [key: string]: any;\n}\n\nconst UnitRect = forwardRef((props: UnitRectProps, ref) => {\n  const {\n    x,\n    y,\n    width,\n    height,\n    overflowTop = false,\n    overflowBottom = false,\n    ...rest\n  } = props;\n\n  if (!overflowTop && !overflowBottom) {\n    return h(\"rect\", {\n      x,\n      y,\n      width,\n      height,\n      ref,\n      ...rest,\n    });\n  } else {\n    const d = zigZagBoxPath(x, y, width, height, overflowTop, overflowBottom);\n    return h(\"path\", {\n      d,\n      ref,\n      ...rest,\n    });\n  }\n});\n\nfunction zigZagBoxPath(x, y, width, height, top: boolean, bottom: boolean) {\n  const zigZagWidth = 10;\n  const zigZagHeight = 4;\n\n  const d = path();\n\n  const nZigZags = Math.floor(width / zigZagWidth - 0.5);\n  const _zigZagWidth = width / (nZigZags + 0.5);\n\n  d.moveTo(x, y);\n  let dy = zigZagHeight / 2;\n  // Each zig-zag consists of a short outward motion\n  let dx = _zigZagWidth / 4;\n\n  let cx = x;\n  let cy = y;\n\n  const doZigZag = (last = false) => {\n    cx += dx;\n    cy -= dy;\n    d.lineTo(cx, cy);\n    let scalar = last ? 1 : 2;\n    cx += dx * scalar;\n    cy += dy * scalar;\n    d.lineTo(cx, cy);\n    cx += dx;\n    cy -= dy;\n  };\n\n  if (top) {\n    // Move to the offset\n    //d.lineTo(cx, y);\n    // Draw the zig-zags\n    for (let i = 0; i < nZigZags; i++) {\n      doZigZag();\n    }\n    // Draw the last half zig-zag\n    doZigZag(true);\n  }\n  // Draw the right edge\n  d.lineTo(x + width, y);\n  d.lineTo(x + width, y + height);\n\n  if (bottom) {\n    dx = -dx;\n    dy = -dy;\n    cx = x + width;\n    cy = y + height;\n\n    for (let i = 0; i < nZigZags; i++) {\n      doZigZag();\n    }\n    doZigZag(true);\n  }\n  // Draw the last line to the left edge\n  d.lineTo(x, y + height);\n  // Draw the left edge\n  d.closePath();\n\n  // Now render the path;\n  return d.toString();\n}\n\nfunction LabeledUnit(props: LabeledUnitProps) {\n  const {\n    division,\n    label,\n    onLabelUpdated,\n    widthFraction,\n    showLabel = true,\n    backgroundColor,\n    patternID,\n    axisType: _, // not sure why this is brought in...\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n  const bounds = {\n    ...useUnitRect(division, { widthFraction, axisType }),\n    ...baseBounds,\n  };\n  const { width, height } = bounds;\n  return h(\n    Unit,\n    {\n      className: \"labeled-unit\",\n      division,\n      backgroundColor,\n      patternID,\n      ...bounds,\n    },\n    [\n      h.if(showLabel)(\n        ForeignObject,\n        { ...bounds, className: \"unit-label-container\" },\n        h(SizeAwareLabel, {\n          className: \"unit-overlay\",\n          labelClassName: \"unit-label\",\n          style: { width, height },\n          label,\n          onVisibilityChanged(viz) {\n            onLabelUpdated(label, viz);\n          },\n        }),\n      ),\n    ],\n  );\n}\n\nfunction UnitBoxes<T>(props: {\n  unitComponent: React.FunctionComponent<{ division: T }>;\n  unitComponentProps?: any;\n  transformDivisions?(divisions: T[]): T[];\n  transformDivision?: (\n    division: any,\n    index: number,\n    divisions: any[],\n  ) => T | null;\n}) {\n  const { unitComponent = Unit, unitComponentProps = {} } = props;\n  const { divisions } = useContext(ColumnContext);\n\n  if (divisions.length == 0) {\n    console.warn(\"No divisions found in column context\");\n    return null;\n  }\n\n  const children = useMemo(() => {\n    return divisions.map((division: any, i) => {\n      // @ts-ignore\n      return h(unitComponent, {\n        division,\n        key: division.unit_id,\n        ...unitComponentProps,\n      });\n    });\n  }, [divisions, unitComponent, unitComponentProps]);\n\n  return h(\n    PatternDefsProvider,\n    { resolveID, scalePattern },\n    h(\"g.divisions\", children),\n  );\n}\n\nexport { LabeledUnit, Unit, UnitBoxes, UnitProps };\n"],"names":[],"version":3,"file":"column-views.a91dde4a.js.map"}

package/dist/esm/{column-views.fc2b4611.js → column-views.a94e99a2.js}

@@ -1,9 +1,9 @@
 import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./column-views.3de4dc43.js";
-import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.33dbc778.js";
+import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.633c42a3.js";
 
 
 
 
 
 export {$5593f90ffec284da$export$1e8149fc0d15fed0 as InsetMap, $1dbfddc9637b572c$export$d2995719c3a4ae17 as buildColumnsStyle};
-//# sourceMappingURL=column-views.fc2b4611.js.map
+//# sourceMappingURL=column-views.a94e99a2.js.map

package/dist/esm/{column-views.fc2b4611.js.map → column-views.a94e99a2.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/maps/_shared/index.ts"],"sourcesContent":["export * from \"./inset-map\";\nexport * from \"./styles\";\n"],"names":[],"version":3,"file":"column-views.fc2b4611.js.map"}
+{"mappings":"","sources":["packages/column-views/src/maps/_shared/index.ts"],"sourcesContent":["export * from \"./inset-map\";\nexport * from \"./styles\";\n"],"names":[],"version":3,"file":"column-views.a94e99a2.js.map"}

package/dist/esm/column-views.ad472a38.css

@@ -0,0 +1,54 @@
+.vqELDq_prevalent-taxa-row {
+  background-color: #999;
+  height: 90px;
+  margin-top: 20px;
+  padding: 15px;
+}
+
+.vqELDq_prevalent-taxa-container {
+  text-align: center;
+  height: 100%;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px;
+  display: table;
+  position: relative;
+}
+
+.vqELDq_row {
+  justify-content: space-between;
+  display: flex;
+}
+
+.vqELDq_prevalent-taxa-container:first-of-type {
+  border-right: 1px solid #f5f5f5;
+}
+
+.vqELDq_prevalent-taxa {
+  vertical-align: middle;
+  display: table-cell;
+}
+
+.vqELDq_prevalent-taxa > img {
+  -webkit-filter: invert();
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(invert=1)";
+  height: 35px;
+}
+
+.vqELDq_prevalent-taxa > p {
+  color: #f5f5f5;
+  margin-top: 5px;
+  font-size: .8em;
+  font-weight: 200;
+}
+
+#vqELDq_prevalent-taxa-title {
+  color: #f5f5f5;
+  margin-bottom: 0;
+  font-size: 1.2em;
+}
+
+.vqELDq_normalize-link, .vqELDq_normalize-link:hover {
+  color: inherit;
+}
+/*# sourceMappingURL=column-views.ad472a38.css.map */

package/dist/esm/column-views.ad472a38.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;;AAOA;;;;;;AAMA","sources":["packages/data-components/src/components/prevalent-taxa/taxa.module.scss"],"sourcesContent":[".prevalent-taxa-row {\n  background-color: #999999;\n  padding: 15px;\n  margin-top: 20px;\n  height: 90px;\n}\n\n.prevalent-taxa-container {\n  text-align: center;\n  display: table;\n  height: 100%;\n  position: relative;\n  min-height: 1px;\n  padding-left: 15px;\n  padding-right: 15px;\n}\n\n.row {\n  display: flex;\n  justify-content: space-between;\n}\n\n.prevalent-taxa-container:first-of-type {\n  border-right: 1px solid whitesmoke;\n}\n\n.prevalent-taxa {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.prevalent-taxa > img {\n  filter: invert(1);\n  -webkit-filter: invert(1);\n  -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(invert=1)\";\n  height: 35px;\n}\n.prevalent-taxa > p {\n  color: #f5f5f5;\n  font-size: 0.8em;\n  font-weight: 200;\n  margin-top: 5px;\n}\n\n#prevalent-taxa-title {\n  color: #f5f5f5;\n  font-size: 1.2em;\n  margin-bottom: 0;\n}\n\n.normalize-link {\n  color: inherit;\n}\n.normalize-link:hover {\n  color: inherit;\n}\n"],"names":[],"version":3,"file":"column-views.ad472a38.css.map"}

package/dist/esm/{column-views.e2b9c23c.css → column-views.b17f793f.css}

@@ -30,4 +30,24 @@
 ._FHjpa_age-axis-unit {
   color: var(--text-subtle-color);
 }
-/*# sourceMappingURL=column-views.e2b9c23c.css.map */
+
+._FHjpa_age-cursor {
+  pointer-events: none;
+  position: absolute;
+  left: 30px;
+  right: 0;
+}
+
+._FHjpa_age-cursor ._FHjpa_line {
+  border-bottom: 2px solid var(--column-axis-cursor-color, var(--column-cursor-color, var(--column-stroke-color)));
+  transform: translateY(-1px);
+}
+
+._FHjpa_age-cursor ._FHjpa_label {
+  writing-mode: vertical-lr;
+  background-color: var(--column-background-color);
+  text-align: center;
+  padding: 4px 2px;
+  transform: rotate(180deg)translate(16px, 50%);
+}
+/*# sourceMappingURL=column-views.b17f793f.css.map */

package/dist/esm/column-views.b17f793f.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;AAII;;;;;;;AAOA;;;;AAGJ;;;;AAGA;;;;;;;;;;AAQA;;;;AAGA;;;;;;;AAKE;;;;;AAIA","sources":["packages/column-views/src/age-axis.module.sass"],"sourcesContent":[".age-axis\n  transform: translateX(20px)\n\n  :global(.tick)\n    text\n      text-anchor: middle\n      // TODO: allow font size to vary without this..\n      font-weight: 400 !important\n      transform: rotate(-90deg) translate(8px, -12px)\n      font-size: var(--column-axis-font-size, 0.8rem)\n\n    line\n      stroke-width: 1px !important\n\n.age-axis-column\n  flex-shrink: 0\n\n.age-axis-label\n  writing-mode: vertical-lr\n  transform: rotate(180deg)\n  font-size: var(--column-axis-font-size, 0.8rem)\n  text-align: center\n  position: sticky\n  top: 0\n  max-height: 100vh\n.age-axis-unit\n  color: var(--text-subtle-color)\n\n.age-cursor\n  position: absolute\n  left: 30px\n  right: 0\n  pointer-events: none\n  .line\n    border-bottom: 2px solid var(--column-axis-cursor-color, var(--column-cursor-color, var(--column-stroke-color)))\n    transform: translateY(-1px)\n\n  .label\n    writing-mode: vertical-lr\n    padding: 4px 2px\n    transform: rotate(180deg) translate(16px, 50%)\n    background-color: var(--column-background-color)\n    text-align: center\n\n\n\n    \n"],"names":[],"version":3,"file":"column-views.b17f793f.css.map"}

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

@@ -0,0 +1,19 @@
+import {GradientDarkgreenGreen as $bzrS6$GradientDarkgreenGreen, GradientLightgreenGreen as $bzrS6$GradientLightgreenGreen, GradientOrangeRed as $bzrS6$GradientOrangeRed, GradientPinkBlue as $bzrS6$GradientPinkBlue, GradientPinkRed as $bzrS6$GradientPinkRed, GradientPurpleOrange as $bzrS6$GradientPurpleOrange, GradientPurpleRed as $bzrS6$GradientPurpleRed, GradientPurpleTeal as $bzrS6$GradientPurpleTeal, GradientSteelPurple as $bzrS6$GradientSteelPurple, GradientTealBlue as $bzrS6$GradientTealBlue} from "@visx/gradient";
+
+
+var $931eec67bef1530e$export$2e2bcd8739ae039 = [
+    (0, $bzrS6$GradientDarkgreenGreen),
+    (0, $bzrS6$GradientLightgreenGreen),
+    (0, $bzrS6$GradientOrangeRed),
+    (0, $bzrS6$GradientPinkBlue),
+    (0, $bzrS6$GradientPinkRed),
+    (0, $bzrS6$GradientPurpleOrange),
+    (0, $bzrS6$GradientPurpleRed),
+    (0, $bzrS6$GradientPurpleTeal),
+    (0, $bzrS6$GradientSteelPurple),
+    (0, $bzrS6$GradientTealBlue)
+];
+
+
+export {$931eec67bef1530e$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=column-views.b2b5f52c.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;IAaA,2CAAe;IACb,CAAA,GAAA,6BAAqB;IACrB,CAAA,GAAA,8BAAsB;IACtB,CAAA,GAAA,wBAAgB;IAChB,CAAA,GAAA,uBAAe;IACf,CAAA,GAAA,sBAAc;IACd,CAAA,GAAA,2BAAmB;IACnB,CAAA,GAAA,wBAAgB;IAChB,CAAA,GAAA,yBAAiB;IACjB,CAAA,GAAA,0BAAkB;IAClB,CAAA,GAAA,uBAAe;CAChB","sources":["packages/data-components/src/dz-spectrum/gradients.ts"],"sourcesContent":["import {\n  GradientDarkgreenGreen,\n  GradientLightgreenGreen,\n  GradientOrangeRed,\n  GradientPinkBlue,\n  GradientPinkRed,\n  GradientPurpleOrange,\n  GradientPurpleRed,\n  GradientPurpleTeal,\n  GradientSteelPurple,\n  GradientTealBlue,\n} from \"@visx/gradient\";\n\nexport default [\n  GradientDarkgreenGreen,\n  GradientLightgreenGreen,\n  GradientOrangeRed,\n  GradientPinkBlue,\n  GradientPinkRed,\n  GradientPurpleOrange,\n  GradientPurpleRed,\n  GradientPurpleTeal,\n  GradientSteelPurple,\n  GradientTealBlue,\n];\n"],"names":[],"version":3,"file":"column-views.b2b5f52c.js.map"}

package/dist/esm/column-views.b324842f.css

@@ -0,0 +1,57 @@
+.LvaZuq_lithology-id {
+  padding-left: .5em;
+}
+
+.LvaZuq_lithology-id:before {
+  content: "#";
+}
+
+.LvaZuq_tight-list {
+  padding-left: 1em;
+}
+
+.LvaZuq_clickable {
+  cursor: pointer;
+}
+
+.LvaZuq_tag {
+  font-size: var(--font-size);
+  background-color: var(--tag-secondary-background, var(--secondary-background));
+  color: var(--secondary-color);
+  border-radius: .3em;
+  flex-direction: row;
+  align-items: center;
+  display: inline-flex;
+}
+
+.LvaZuq_tag .LvaZuq_prefix {
+  padding: 0 .5em;
+}
+
+.LvaZuq_tag .LvaZuq_main {
+  color: var(--text-color);
+  background-color: var(--tag-background, var(--tertiary-background));
+  border-radius: .3em;
+  align-items: center;
+  padding: .2em .5em;
+  display: inline-flex;
+}
+
+.LvaZuq_tag .LvaZuq_details {
+  color: var(--secondary-color);
+  padding-left: .3em;
+  font-style: italic;
+}
+
+.LvaZuq_tag-list {
+  flex-flow: wrap;
+  justify-content: end;
+  align-items: baseline;
+  display: inline;
+}
+
+.LvaZuq_tag-list .LvaZuq_tag {
+  margin-bottom: .5em;
+  margin-left: .5em;
+}
+/*# sourceMappingURL=column-views.b324842f.css.map */

package/dist/esm/column-views.b324842f.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;AACE;;;;AAIF;;;;AAGA;;;;AAGA;;;;;;;;;;AAQE;;;;AAIA;;;;;;;;;AAiBA;;;;;;AAKF;;;;;;;AAKE","sources":["packages/data-components/src/components/unit-details/tag.module.sass"],"sourcesContent":[".lithology-id\n  &::before\n    content: '#'\n  padding-left: 0.5em\n\n.tight-list\n  padding-left: 1em\n\n.clickable\n  cursor: pointer\n\n.tag\n  font-size: var(--font-size)\n  align-items: center\n  display: inline-flex\n  border-radius: 0.3em\n  flex-direction: row\n  background-color: var(--tag-secondary-background, var(--secondary-background))\n  color: var(--secondary-color)\n  .prefix\n    //display: inline-block\n    padding: 0 0.5em\n\n  .main\n    align-items: center\n    display: inline-flex\n    padding: 0.2em 0.5em\n    border-radius: 0.3em\n    color: var(--text-color)\n    background-color: var(--tag-background, var(--tertiary-background))\n\n  //.lithology-id\n  //  width: 0\n  //  overflow: hidden\n  //  white-space: nowrap\n  //  transition: width 0.3s\n  //&:hover\n  //  .lithology-id\n  //    width: 100%\n\n  .details\n    color: var(--secondary-color)\n    font-style: italic\n    padding-left: 0.3em\n\n.tag-list\n  display: inline\n  flex-flow: row wrap\n  align-items: baseline\n  justify-content: end\n  .tag\n    margin-bottom: 0.5em\n    margin-left: 0.5em\n\n"],"names":[],"version":3,"file":"column-views.b324842f.css.map"}

package/dist/esm/{column-views.9804efda.js → column-views.b9fe5176.js}

@@ -1,6 +1,6 @@
-import {useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800, useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd} from "./column-views.28ee5f43.js";
+import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800} from "./column-views.3ba9213d.js";
 import {create as $g0ikq$create, useStore as $g0ikq$useStore} from "zustand";
-import {createContext as $g0ikq$createContext, useState as $g0ikq$useState, useEffect as $g0ikq$useEffect, useContext as $g0ikq$useContext} from "react";
+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";
 
 
@@ -8,7 +8,7 @@ import $g0ikq$macrostrathyper from "@macrostrat/hyper";
 
 
 const $09486427d129f589$var$NavigationStoreContext = (0, $g0ikq$createContext)(null);
-function $09486427d129f589$export$8da3b11f62ebf019({ children: children, columns: columns, selectedColumn: selectedColumn, projectID: projectID, inProcess: inProcess, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn }) {
+function $09486427d129f589$export$8da3b11f62ebf019({ children: children, columns: columns, columnIDs: columnIDs, selectedColumn: selectedColumn, projectID: projectID, inProcess: inProcess, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn }) {
     const getColumns = (0, $774a5efa27d1c77b$export$fb98d5bae3a6800)((s)=>s.getColumns);
     const [store] = (0, $g0ikq$useState)(()=>{
         return (0, $g0ikq$create)((set, get)=>{
@@ -41,19 +41,25 @@ function $09486427d129f589$export$8da3b11f62ebf019({ children: children, columns
     //   let _columns = columns ?? (await getColumns(projectID, inProcess));
     //   store.setState({ columns: _columns, selectedColumn });
     // }, [projectID, inProcess, columns, getColumns]);
-    const _columns = columns ?? (0, $774a5efa27d1c77b$export$81eaae0b474404fd)(projectID, inProcess);
+    let _columns = columns ?? (0, $774a5efa27d1c77b$export$81eaae0b474404fd)(projectID, inProcess);
+    // filter columns if specified
+    if (columnIDs?.length > 0) _columns = (0, $g0ikq$useMemo)(()=>{
+        return _columns?.filter((d)=>columnIDs.includes(d.properties.col_id));
+    }, [
+        columnIDs,
+        _columns
+    ]);
     (0, $g0ikq$useEffect)(()=>{
-        if (_columns != null) store.setState({
+        if (_columns?.length > 0) store.setState({
             columns: _columns,
             selectedColumn: selectedColumn
         });
     }, [
         _columns
     ]);
-    // Update selected colun if it is changed externally
+    // Update selected column if it is changed externally
     // Kind of an awkward way to do this but we need to allow the selector to run
     (0, $g0ikq$useEffect)(()=>{
-        console.log("Selecting column", selectedColumn);
         const { selectColumn: selectColumn, selectedColumn: _internalSelectedColumn } = store.getState();
         if (selectedColumn == _internalSelectedColumn) return;
         selectColumn(selectedColumn);
@@ -72,4 +78,4 @@ function $09486427d129f589$export$642c2b57c47ea41(selector) {
 
 
 export {$09486427d129f589$export$8da3b11f62ebf019 as ColumnNavigationProvider, $09486427d129f589$export$642c2b57c47ea41 as useColumnNavigationStore};
-//# sourceMappingURL=column-views.9804efda.js.map
+//# sourceMappingURL=column-views.b9fe5176.js.map

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

@@ -0,0 +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.b9fe5176.js.map"}