@macrostrat/column-views 3.0.3 → 3.2.0

package/dist/facets/fossils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/facets/fossils/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  FossilDataType,\n  type PBDBCollection,\n  type PBDBEntity,\n  type PBDBOccurrence,\n  useFossilData,\n} from \"./provider\";\nimport type { 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 {\n  CompositeColumnScale,\n  getPositionWithinUnit,\n  getUnitHeightRange,\n} from \"../../prepare-units\";\nimport { scaleLinear } from \"d3-scale\";\n\nexport {\n  FossilDataType,\n  type PBDBCollection,\n  type PBDBEntity,\n  type PBDBOccurrence,\n  useFossilData,\n};\nexport * from \"./taxon-ranges\";\n\nconst h = hyper.styled(styles);\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  maxItems?: number;\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\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?: PreparePBDBDataOptions,\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(\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":["hyper"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/facets/fossils/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  FossilDataType,\n  type PBDBCollection,\n  type PBDBEntity,\n  type PBDBOccurrence,\n  useFossilData,\n} from \"./provider\";\nimport type { 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 {\n  CompositeColumnScale,\n  getPositionWithinUnit,\n  getUnitHeightRange,\n} from \"../../prepare-units\";\nimport { scaleLinear } from \"d3-scale\";\n\nexport {\n  FossilDataType,\n  type PBDBCollection,\n  type PBDBEntity,\n  type PBDBOccurrence,\n  useFossilData,\n};\nexport * from \"./taxon-ranges\";\n\nconst h = hyper.styled(styles);\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  maxItems?: number;\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\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?: PreparePBDBDataOptions,\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(\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":["hyper","styles"],"mappings":"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"}

package/dist/facets/fossils/taxon-ranges.js

@@ -3,10 +3,10 @@ import { useFossilData, FossilDataType } from "./provider.js";
 import { Box, useElementSize } from "@macrostrat/ui-components";
 import { group } from "d3-array";
 import { ColumnAxisType, ColumnSVG } from "@macrostrat/column-components";
-import styles from "./taxon-ranges.module.sass.js";
+import h$2 from "./taxon-ranges.module.sass.js";
 import { useRef } from "react";
 import { useMacrostratColumnData, useCompositeScale } from "../../data-provider/store.js";
-const h = h$1.styled(styles);
+const h = h$1.styled(h$2);
 function PBDBOccurrencesMatrix({ columnID }) {
   const data = useFossilData(columnID, FossilDataType.Occurrences);
   const col = useMacrostratColumnData();

package/dist/facets/fossils/taxon-ranges.js.map

@@ -1 +1 @@
-{"version":3,"file":"taxon-ranges.js","sources":["../../../src/facets/fossils/taxon-ranges.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  FossilDataType,\n  PBDBEntity,\n  PBDBOccurrence,\n  useFossilData,\n} from \"./provider\";\nimport { Box, useElementSize } from \"@macrostrat/ui-components\";\nimport { group } from \"d3-array\";\nimport { ColumnAxisType, ColumnSVG } from \"@macrostrat/column-components\";\nimport {\n  useMacrostratColumnData,\n  useCompositeScale,\n} from \"../../data-provider\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport styles from \"./taxon-ranges.module.sass\";\nimport { useRef } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport function PBDBOccurrencesMatrix({ columnID }) {\n  /* A column for a matrix of taxon occurrences displayed as a table beside the main column. This will\n  eventually be extended with first/last occurrence markers and range bars.\n   */\n  const data = useFossilData(columnID, FossilDataType.Occurrences);\n  const col = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  if (data == null) return null;\n\n  // convert the data to a map\n  const occurrenceMap = new Map(group(data, (d) => d.unit_id)) as Map<\n    number,\n    PBDBOccurrence[]\n  >;\n\n  const matrix = createOccurrenceMatrix(col.units, occurrenceMap, col.axisType);\n\n  const { taxonRanges } = matrix;\n\n  const padding = 16;\n  const spacing = 16;\n\n  const taxonEntries = Array.from(taxonRanges.entries());\n  //const taxon = taxonEntries.slice(0, 50); // limit to top 50 taxa\n\n  const width = padding * 2 + spacing * taxonEntries.length;\n\n  return h(Box, { className: \"taxon-ranges\", width, height: col.totalHeight }, [\n    h(TaxonOccurrenceLabels, {\n      taxonEntries,\n      padding,\n      spacing,\n      scale,\n    }),\n    h(\n      ColumnSVG,\n      {\n        width: padding * 2 + spacing * taxonEntries.length,\n      },\n      h(\n        \"g.taxa-occurrences-matrix\",\n        taxonEntries.map(([taxonName, ranges], rowIndex) => {\n          const xPosition = padding + rowIndex * spacing;\n          return h(\"g\", { transform: `translate(${xPosition})` }, [\n            ranges.map(([top, bottom]) => {\n              return h(\"line\", {\n                y1: scale(top),\n                y2: scale(bottom),\n              });\n            }),\n          ]);\n        }),\n      ),\n    ),\n  ]);\n}\n\nfunction TaxonOccurrenceLabels({ taxonEntries, padding, spacing, scale }) {\n  return h(\"div.taxon-labels\", [\n    taxonEntries.map(([taxonName, ranges], rowIndex) => {\n      const top = ranges[0]?.[0] ?? 0;\n      let topPx = scale(top) - 20;\n      if (topPx < 200) topPx = 0;\n\n      return h(TaxonLabel, {\n        top: topPx,\n        left: padding + rowIndex * spacing,\n        taxonName,\n      });\n    }),\n  ]);\n}\n\nfunction TaxonLabel({ top, left, taxonName }) {\n  const ref = useRef();\n  const textSize = useElementSize(ref);\n  const labelWidth = textSize?.height ?? 200;\n  return h(\n    \"div.taxon-label\",\n    {\n      style: {\n        top: `${top}px`,\n        marginLeft: `${left}px`,\n        \"--label-width\": `${labelWidth}px`,\n      },\n    },\n    h(\"div.taxon-label-inner\", h(\"div.taxon-label-text\", { ref }, taxonName)),\n  );\n}\n\ntype TaxonUnitMap = Map<string, Set<number>>;\n\ninterface OccurrenceMatrixData {\n  occurrenceMap: Map<number, PBDBEntity[]>; // Map of unit IDs to occurrences (original data)\n  taxonUnitMap: TaxonUnitMap; // Map of taxon names to sets of unit IDs\n  taxonOccurrenceMap: Map<string, PBDBOccurrence[]>; // Map of taxon names to occurrences\n  taxonRanges: Map<string, [number, number][]>; // Map of taxon names to [top, bottom] pixel ranges\n}\n\nfunction TaxonOccurrenceEntry({\n  xPosition,\n  ranges,\n  scale,\n  name,\n}: {\n  xPosition: number;\n  units: Set<number>;\n  ranges: any;\n  scale: any;\n  name: string;\n}) {\n  return h(\"g\", { transform: `translate(${xPosition})` }, [\n    ranges.map(([top, bottom]) => {\n      return h(\"line\", {\n        y1: scale(top),\n        y2: scale(bottom),\n      });\n    }),\n  ]);\n}\n\nfunction createOccurrenceMatrix(\n  units: UnitLong[],\n  data: Map<number, PBDBOccurrence[]>,\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): OccurrenceMatrixData {\n  const taxonUnitMap = new Map<string, Set<number>>();\n  const taxonOccurrenceMap = new Map<string, PBDBOccurrence[]>();\n\n  for (const [unit_id, occurrences] of data.entries()) {\n    for (const occ of occurrences) {\n      const taxonName = occ.best_name ?? occ.taxon_name;\n      if (!taxonUnitMap.has(taxonName)) {\n        taxonUnitMap.set(taxonName, new Set());\n        taxonOccurrenceMap.set(taxonName, []);\n      }\n      taxonUnitMap.get(taxonName).add(unit_id);\n      taxonOccurrenceMap.get(taxonName).push(occ);\n    }\n  }\n\n  // sort the taxon occurrence map by number of occurrences\n  const sortedTaxa = Array.from(taxonUnitMap.entries()).sort((a, b) => {\n    // Sort alphabetically by taxon name\n    return b[0].localeCompare(a[0]);\n  });\n\n  const taxonRanges = new Map<string, [number, number][]>();\n  for (const [taxonName, unitSet] of taxonUnitMap.entries()) {\n    taxonRanges.set(\n      taxonName,\n      accumulatePresenceDomains(units, unitSet, axisType),\n    );\n  }\n\n  return {\n    occurrenceMap: data,\n    taxonUnitMap: new Map(sortedTaxa),\n    taxonOccurrenceMap: taxonOccurrenceMap,\n    taxonRanges,\n  };\n}\n\nfunction accumulatePresenceDomains(\n  unit: UnitLong[],\n  presenceUnits: Set<number>,\n  axisType: ColumnAxisType,\n): Array<[number, number]> {\n  const domains: Array<[number, number]> = [];\n  let currentDomain: [number, number] | null = null;\n\n  for (const u of unit) {\n    if (presenceUnits.has(u.unit_id)) {\n      if (currentDomain == null) {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain = [u.t_pos, u.b_pos];\n        } else {\n          currentDomain = [u.t_age, u.b_age];\n        }\n      } else {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain[1] = u.b_pos;\n        } else {\n          currentDomain[1] = u.b_age;\n        }\n      }\n    } else {\n      if (currentDomain != null) {\n        domains.push(currentDomain);\n        currentDomain = null;\n      }\n    }\n  }\n\n  if (currentDomain != null) {\n    domains.push(currentDomain);\n  }\n\n  return domains;\n}\n"],"names":["hyper"],"mappings":"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"}
+{"version":3,"file":"taxon-ranges.js","sources":["../../../src/facets/fossils/taxon-ranges.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  FossilDataType,\n  PBDBEntity,\n  PBDBOccurrence,\n  useFossilData,\n} from \"./provider\";\nimport { Box, useElementSize } from \"@macrostrat/ui-components\";\nimport { group } from \"d3-array\";\nimport { ColumnAxisType, ColumnSVG } from \"@macrostrat/column-components\";\nimport {\n  useMacrostratColumnData,\n  useCompositeScale,\n} from \"../../data-provider\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport styles from \"./taxon-ranges.module.sass\";\nimport { useRef } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport function PBDBOccurrencesMatrix({ columnID }) {\n  /* A column for a matrix of taxon occurrences displayed as a table beside the main column. This will\n  eventually be extended with first/last occurrence markers and range bars.\n   */\n  const data = useFossilData(columnID, FossilDataType.Occurrences);\n  const col = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  if (data == null) return null;\n\n  // convert the data to a map\n  const occurrenceMap = new Map(group(data, (d) => d.unit_id)) as Map<\n    number,\n    PBDBOccurrence[]\n  >;\n\n  const matrix = createOccurrenceMatrix(col.units, occurrenceMap, col.axisType);\n\n  const { taxonRanges } = matrix;\n\n  const padding = 16;\n  const spacing = 16;\n\n  const taxonEntries = Array.from(taxonRanges.entries());\n  //const taxon = taxonEntries.slice(0, 50); // limit to top 50 taxa\n\n  const width = padding * 2 + spacing * taxonEntries.length;\n\n  return h(Box, { className: \"taxon-ranges\", width, height: col.totalHeight }, [\n    h(TaxonOccurrenceLabels, {\n      taxonEntries,\n      padding,\n      spacing,\n      scale,\n    }),\n    h(\n      ColumnSVG,\n      {\n        width: padding * 2 + spacing * taxonEntries.length,\n      },\n      h(\n        \"g.taxa-occurrences-matrix\",\n        taxonEntries.map(([taxonName, ranges], rowIndex) => {\n          const xPosition = padding + rowIndex * spacing;\n          return h(\"g\", { transform: `translate(${xPosition})` }, [\n            ranges.map(([top, bottom]) => {\n              return h(\"line\", {\n                y1: scale(top),\n                y2: scale(bottom),\n              });\n            }),\n          ]);\n        }),\n      ),\n    ),\n  ]);\n}\n\nfunction TaxonOccurrenceLabels({ taxonEntries, padding, spacing, scale }) {\n  return h(\"div.taxon-labels\", [\n    taxonEntries.map(([taxonName, ranges], rowIndex) => {\n      const top = ranges[0]?.[0] ?? 0;\n      let topPx = scale(top) - 20;\n      if (topPx < 200) topPx = 0;\n\n      return h(TaxonLabel, {\n        top: topPx,\n        left: padding + rowIndex * spacing,\n        taxonName,\n      });\n    }),\n  ]);\n}\n\nfunction TaxonLabel({ top, left, taxonName }) {\n  const ref = useRef();\n  const textSize = useElementSize(ref);\n  const labelWidth = textSize?.height ?? 200;\n  return h(\n    \"div.taxon-label\",\n    {\n      style: {\n        top: `${top}px`,\n        marginLeft: `${left}px`,\n        \"--label-width\": `${labelWidth}px`,\n      },\n    },\n    h(\"div.taxon-label-inner\", h(\"div.taxon-label-text\", { ref }, taxonName)),\n  );\n}\n\ntype TaxonUnitMap = Map<string, Set<number>>;\n\ninterface OccurrenceMatrixData {\n  occurrenceMap: Map<number, PBDBEntity[]>; // Map of unit IDs to occurrences (original data)\n  taxonUnitMap: TaxonUnitMap; // Map of taxon names to sets of unit IDs\n  taxonOccurrenceMap: Map<string, PBDBOccurrence[]>; // Map of taxon names to occurrences\n  taxonRanges: Map<string, [number, number][]>; // Map of taxon names to [top, bottom] pixel ranges\n}\n\nfunction TaxonOccurrenceEntry({\n  xPosition,\n  ranges,\n  scale,\n  name,\n}: {\n  xPosition: number;\n  units: Set<number>;\n  ranges: any;\n  scale: any;\n  name: string;\n}) {\n  return h(\"g\", { transform: `translate(${xPosition})` }, [\n    ranges.map(([top, bottom]) => {\n      return h(\"line\", {\n        y1: scale(top),\n        y2: scale(bottom),\n      });\n    }),\n  ]);\n}\n\nfunction createOccurrenceMatrix(\n  units: UnitLong[],\n  data: Map<number, PBDBOccurrence[]>,\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): OccurrenceMatrixData {\n  const taxonUnitMap = new Map<string, Set<number>>();\n  const taxonOccurrenceMap = new Map<string, PBDBOccurrence[]>();\n\n  for (const [unit_id, occurrences] of data.entries()) {\n    for (const occ of occurrences) {\n      const taxonName = occ.best_name ?? occ.taxon_name;\n      if (!taxonUnitMap.has(taxonName)) {\n        taxonUnitMap.set(taxonName, new Set());\n        taxonOccurrenceMap.set(taxonName, []);\n      }\n      taxonUnitMap.get(taxonName).add(unit_id);\n      taxonOccurrenceMap.get(taxonName).push(occ);\n    }\n  }\n\n  // sort the taxon occurrence map by number of occurrences\n  const sortedTaxa = Array.from(taxonUnitMap.entries()).sort((a, b) => {\n    // Sort alphabetically by taxon name\n    return b[0].localeCompare(a[0]);\n  });\n\n  const taxonRanges = new Map<string, [number, number][]>();\n  for (const [taxonName, unitSet] of taxonUnitMap.entries()) {\n    taxonRanges.set(\n      taxonName,\n      accumulatePresenceDomains(units, unitSet, axisType),\n    );\n  }\n\n  return {\n    occurrenceMap: data,\n    taxonUnitMap: new Map(sortedTaxa),\n    taxonOccurrenceMap: taxonOccurrenceMap,\n    taxonRanges,\n  };\n}\n\nfunction accumulatePresenceDomains(\n  unit: UnitLong[],\n  presenceUnits: Set<number>,\n  axisType: ColumnAxisType,\n): Array<[number, number]> {\n  const domains: Array<[number, number]> = [];\n  let currentDomain: [number, number] | null = null;\n\n  for (const u of unit) {\n    if (presenceUnits.has(u.unit_id)) {\n      if (currentDomain == null) {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain = [u.t_pos, u.b_pos];\n        } else {\n          currentDomain = [u.t_age, u.b_age];\n        }\n      } else {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain[1] = u.b_pos;\n        } else {\n          currentDomain[1] = u.b_age;\n        }\n      }\n    } else {\n      if (currentDomain != null) {\n        domains.push(currentDomain);\n        currentDomain = null;\n      }\n    }\n  }\n\n  if (currentDomain != null) {\n    domains.push(currentDomain);\n  }\n\n  return domains;\n}\n"],"names":["hyper","styles"],"mappings":";;;;;;;;AAkBA,MAAM,IAAIA,IAAM,OAAOC,GAAM;AAEtB,SAAS,sBAAsB,EAAE,YAAY;AAIlD,QAAM,OAAO,cAAc,UAAU,eAAe,WAAW;AAC/D,QAAM,MAAM,wBAAA;AACZ,QAAM,QAAQ,kBAAA;AAEd,MAAI,QAAQ,KAAM,QAAO;AAGzB,QAAM,gBAAgB,IAAI,IAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;AAK3D,QAAM,SAAS,uBAAuB,IAAI,OAAO,eAAe,IAAI,QAAQ;AAE5E,QAAM,EAAE,gBAAgB;AAExB,QAAM,UAAU;AAChB,QAAM,UAAU;AAEhB,QAAM,eAAe,MAAM,KAAK,YAAY,SAAS;AAGrD,QAAM,QAAQ,UAAU,IAAI,UAAU,aAAa;AAEnD,SAAO,EAAE,KAAK,EAAE,WAAW,gBAAgB,OAAO,QAAQ,IAAI,eAAe;AAAA,IAC3E,EAAE,uBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACD;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO,UAAU,IAAI,UAAU,aAAa;AAAA,MAAA;AAAA,MAE9C;AAAA,QACE;AAAA,QACA,aAAa,IAAI,CAAC,CAAC,WAAW,MAAM,GAAG,aAAa;AAClD,gBAAM,YAAY,UAAU,WAAW;AACvC,iBAAO,EAAE,KAAK,EAAE,WAAW,aAAa,SAAS,OAAO;AAAA,YACtD,OAAO,IAAI,CAAC,CAAC,KAAK,MAAM,MAAM;AAC5B,qBAAO,EAAE,QAAQ;AAAA,gBACf,IAAI,MAAM,GAAG;AAAA,gBACb,IAAI,MAAM,MAAM;AAAA,cAAA,CACjB;AAAA,YACH,CAAC;AAAA,UAAA,CACF;AAAA,QACH,CAAC;AAAA,MAAA;AAAA,IACH;AAAA,EACF,CACD;AACH;AAEA,SAAS,sBAAsB,EAAE,cAAc,SAAS,SAAS,SAAS;AACxE,SAAO,EAAE,oBAAoB;AAAA,IAC3B,aAAa,IAAI,CAAC,CAAC,WAAW,MAAM,GAAG,aAAa;AAClD,YAAM,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK;AAC9B,UAAI,QAAQ,MAAM,GAAG,IAAI;AACzB,UAAI,QAAQ,IAAK,SAAQ;AAEzB,aAAO,EAAE,YAAY;AAAA,QACnB,KAAK;AAAA,QACL,MAAM,UAAU,WAAW;AAAA,QAC3B;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EAAA,CACF;AACH;AAEA,SAAS,WAAW,EAAE,KAAK,MAAM,aAAa;AAC5C,QAAM,MAAM,OAAA;AACZ,QAAM,WAAW,eAAe,GAAG;AACnC,QAAM,aAAa,UAAU,UAAU;AACvC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,OAAO;AAAA,QACL,KAAK,GAAG,GAAG;AAAA,QACX,YAAY,GAAG,IAAI;AAAA,QACnB,iBAAiB,GAAG,UAAU;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,IAAA,GAAO,SAAS,CAAC;AAAA,EAAA;AAE5E;AAiCA,SAAS,uBACP,OACA,MACA,WAA2B,eAAe,KACpB;AACtB,QAAM,mCAAmB,IAAA;AACzB,QAAM,yCAAyB,IAAA;AAE/B,aAAW,CAAC,SAAS,WAAW,KAAK,KAAK,WAAW;AACnD,eAAW,OAAO,aAAa;AAC7B,YAAM,YAAY,IAAI,aAAa,IAAI;AACvC,UAAI,CAAC,aAAa,IAAI,SAAS,GAAG;AAChC,qBAAa,IAAI,WAAW,oBAAI,IAAA,CAAK;AACrC,2BAAmB,IAAI,WAAW,EAAE;AAAA,MACtC;AACA,mBAAa,IAAI,SAAS,EAAE,IAAI,OAAO;AACvC,yBAAmB,IAAI,SAAS,EAAE,KAAK,GAAG;AAAA,IAC5C;AAAA,EACF;AAGA,QAAM,aAAa,MAAM,KAAK,aAAa,QAAA,CAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAEnE,WAAO,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;AAAA,EAChC,CAAC;AAED,QAAM,kCAAkB,IAAA;AACxB,aAAW,CAAC,WAAW,OAAO,KAAK,aAAa,WAAW;AACzD,gBAAY;AAAA,MACV;AAAA,MACA,0BAA0B,OAAO,SAAS,QAAQ;AAAA,IAAA;AAAA,EAEtD;AAEA,SAAO;AAAA,IACL,eAAe;AAAA,IACf,cAAc,IAAI,IAAI,UAAU;AAAA,IAChC;AAAA,IACA;AAAA,EAAA;AAEJ;AAEA,SAAS,0BACP,MACA,eACA,UACyB;AACzB,QAAM,UAAmC,CAAA;AACzC,MAAI,gBAAyC;AAE7C,aAAW,KAAK,MAAM;AACpB,QAAI,cAAc,IAAI,EAAE,OAAO,GAAG;AAChC,UAAI,iBAAiB,MAAM;AACzB,YACE,YAAY,eAAe,SAC3B,YAAY,eAAe,QAC3B;AACA,0BAAgB,CAAC,EAAE,OAAO,EAAE,KAAK;AAAA,QACnC,OAAO;AACL,0BAAgB,CAAC,EAAE,OAAO,EAAE,KAAK;AAAA,QACnC;AAAA,MACF,OAAO;AACL,YACE,YAAY,eAAe,SAC3B,YAAY,eAAe,QAC3B;AACA,wBAAc,CAAC,IAAI,EAAE;AAAA,QACvB,OAAO;AACL,wBAAc,CAAC,IAAI,EAAE;AAAA,QACvB;AAAA,MACF;AAAA,IACF,OAAO;AACL,UAAI,iBAAiB,MAAM;AACzB,gBAAQ,KAAK,aAAa;AAC1B,wBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,iBAAiB,MAAM;AACzB,YAAQ,KAAK,aAAa;AAAA,EAC5B;AAEA,SAAO;AACT;"}

package/dist/facets/fossils/taxon-ranges.module.sass.cjs

@@ -1,4 +1,7 @@
 "use strict";
+const h$1 = require("@macrostrat/hyper");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const h__default = /* @__PURE__ */ _interopDefault(h$1);
 const styles = {
   "taxa-occurrences-matrix": "_taxa-occurrences-matrix_14h8h_1",
   "taxon-name": "_taxon-name_14h8h_8",
@@ -8,5 +11,7 @@ const styles = {
   "taxon-label-inner": "_taxon-label-inner_14h8h_35",
   "taxon-label-text": "_taxon-label-text_14h8h_42"
 };
-module.exports = styles;
+let h = h__default.default.styled(styles);
+Object.assign(h, styles);
+module.exports = h;
 //# sourceMappingURL=taxon-ranges.module.sass.cjs.map

package/dist/facets/fossils/taxon-ranges.module.sass.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"taxon-ranges.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"taxon-ranges.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/facets/fossils/taxon-ranges.module.sass.js

@@ -1,3 +1,4 @@
+import h$1 from "@macrostrat/hyper";
 const styles = {
   "taxa-occurrences-matrix": "_taxa-occurrences-matrix_14h8h_1",
   "taxon-name": "_taxon-name_14h8h_8",
@@ -7,7 +8,9 @@ const styles = {
   "taxon-label-inner": "_taxon-label-inner_14h8h_35",
   "taxon-label-text": "_taxon-label-text_14h8h_42"
 };
+let h = h$1.styled(styles);
+Object.assign(h, styles);
 export {
-  styles as default
+  h as default
 };
 //# sourceMappingURL=taxon-ranges.module.sass.js.map

package/dist/facets/fossils/taxon-ranges.module.sass.js.map

@@ -1 +1 @@
-{"version":3,"file":"taxon-ranges.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"taxon-ranges.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/facets/measurements/base.js

@@ -1,9 +1,9 @@
 import h$1 from "@macrostrat/hyper";
-import styles from "./base.module.sass.js";
+import h$2 from "./base.module.sass.js";
 import { ColumnNotes } from "../../notes.js";
 import { ColumnAxisType } from "@macrostrat/column-components";
 import { getPositionWithinUnit, getUnitHeightRange } from "../../prepare-units/utils.js";
-const h = h$1.styled(styles);
+const h = h$1.styled(h$2);
 function standardizeMeasurementHeight(pos, units, axisType) {
   if ("height" in pos) {
     return pos;

package/dist/facets/measurements/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../src/facets/measurements/base.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./base.module.sass\";\nimport {\n  type CompositeColumnScale,\n  getPositionWithinUnit,\n  getUnitHeightRange,\n} from \"../../prepare-units\";\nimport { ColumnNotes } from \"../../notes\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nconst h = hyper.styled(styles);\n\ntype GetHeightRangeFn<T> = (\n  data: T,\n  unit: UnitLong | null,\n  axisType: ColumnAxisType,\n) => MeasurementHeightData;\n\nexport interface BaseMeasurementsColumnProps<T> {\n  data: T[];\n  noteComponent?: any;\n  width?: number;\n  paddingLeft?: number;\n  className?: string;\n  // TODO: these props are confusing\n  getUnitID?: (d: T) => number | string;\n  isMatchingUnit?: (d: T, unit: UnitLong) => boolean;\n  getHeightRange?: GetHeightRangeFn<T>;\n  deltaConnectorAttachment?: number;\n  focusedNoteComponent?: any;\n}\n\nexport interface ColumnMeasurementData<T = any> extends MeasurementHeightData {\n  data: T;\n  id: string | number;\n}\n\ntype MeasurementPositionInformation =\n  | MeasurementHeightData\n  | {\n      unit_id: number;\n      unit_rel_pos?: number;\n    };\n\nexport function standardizeMeasurementHeight(\n  pos: MeasurementPositionInformation,\n  units: UnitLong[],\n  axisType: ColumnAxisType,\n): MeasurementHeightData | null {\n  /** Get a standardized height representation from position information for\n   * a measurement\n   */\n  if (\"height\" in pos) {\n    return pos;\n  }\n  const unit = units.find((u) => u.unit_id === pos.unit_id);\n  if (unit == null) {\n    return null;\n  }\n  if (pos.unit_rel_pos != null) {\n    const res = getPositionWithinUnit(pos.unit_rel_pos, unit, axisType);\n    if (res == null) return null;\n    return { height: res };\n  } else {\n    const [height, top_height] = getUnitHeightRange(unit, axisType);\n    return { height, top_height };\n  }\n}\n\nexport function mergeHeightRanges(\n  data: MeasurementHeightData[],\n  axisType: ColumnAxisType,\n): MeasurementHeightData {\n  /** Merge multiple height ranges into a single range */\n  const heights = [];\n\n  for (const d of data) {\n    heights.push(d.height);\n    if (d.top_height != null) {\n      heights.push(d.top_height);\n    }\n  }\n\n  let height: number;\n  let top_height: number;\n  if (axisType === ColumnAxisType.AGE || axisType === ColumnAxisType.DEPTH) {\n    height = Math.max(...heights);\n    top_height = Math.min(...heights);\n  } else {\n    height = Math.min(...heights);\n    top_height = Math.max(...heights);\n  }\n\n  if (top_height === height) {\n    return { height };\n  }\n  return { height, top_height };\n}\n\nexport type MeasurementHeightData = {\n  height: number;\n  top_height?: number | null;\n};\n\nexport function BaseMeasurementsColumn({\n  data,\n  noteComponent,\n  width = 500,\n  paddingLeft = 40,\n  className,\n  deltaConnectorAttachment,\n  focusedNoteComponent,\n}: BaseMeasurementsColumnProps<any>) {\n  if (data == null) return null;\n\n  return h(\n    \"div.measurements-column\",\n    { className },\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes: data,\n      noteComponent,\n      deltaConnectorAttachment,\n      focusedNoteComponent,\n    }),\n  );\n}\n\ninterface TruncatedListProps {\n  data: any[];\n  className?: string;\n  maxItems?: number;\n  itemRenderer?: (props: { data: any }) => any;\n}\n\nexport function TruncatedList({\n  data,\n  className,\n  maxItems = 5,\n  itemRenderer = (p) => h(\"span\", p.data),\n}: TruncatedListProps) {\n  let tooMany = null;\n  let d1 = data;\n  if (data.length > maxItems) {\n    const n = data.length - maxItems;\n    d1 = data.slice(0, maxItems);\n    tooMany = h(\"li.too-many\", `and ${n} more`);\n  }\n\n  return h(\"ul.truncated-list\", { className }, [\n    d1.map((d, i) => {\n      return h(\"li.element\", { key: i }, h(itemRenderer, { data: d }));\n    }),\n    tooMany,\n  ]);\n}\n\nexport function groupNotesByPixelDistance<T = any>(\n  data: ColumnMeasurementData<T[]>[],\n  scale: CompositeColumnScale,\n  axisType: ColumnAxisType,\n  groupDistance: number,\n) {\n  /** Group notes that are within a certain pixel distance of each other\n   * in display space\n   */\n  if (data.length === 0 || groupDistance <= 0) return data;\n  if (axisType === ColumnAxisType.AGE || axisType === ColumnAxisType.DEPTH) {\n    data.sort((a, b) => b.height - a.height);\n  } else {\n    // Sort data by height (ascending up the column)\n    data.sort((a, b) => a.height - b.height);\n  }\n\n  const groupedData: ColumnMeasurementData<T[]>[] = [];\n  let currentGroup: ColumnMeasurementData<T[]> | null = null;\n  let currentGroupPosition: number = Infinity;\n\n  for (const d of data) {\n    // Check distance from current max position\n    // Pixels go up as we go down in the section\n\n    // The _top_ of the next group must be within groupDistance of the\n    // _bottom_ of the current group. This makes sure that we don't collapse\n    // groups that are separated by a large distance\n    const distance = currentGroupPosition - scale(d.top_height ?? d.height);\n\n    if (distance <= groupDistance) {\n      if (currentGroup == null) {\n        throw new Error(\"Current group is null when it shouldn't be\");\n      }\n      // Merge into current group\n      currentGroup.data.push(...d.data);\n      // Update height range\n      const top_height = d.top_height ?? d.height;\n      if (\n        axisType === ColumnAxisType.AGE ||\n        axisType === ColumnAxisType.DEPTH\n      ) {\n        // Inverted axis\n        currentGroup.top_height = Math.min(currentGroup.top_height, top_height);\n      } else {\n        currentGroup.top_height = Math.max(currentGroup.top_height, top_height);\n      }\n      currentGroup.id = `${currentGroup.height}-${currentGroup.top_height}`;\n    } else {\n      // Start a new group\n      currentGroup = { ...d, data: [...d.data] };\n      currentGroupPosition =\n        scale(currentGroup.height) ??\n        scale(currentGroup.top_height) ??\n        Infinity;\n      groupedData.push(currentGroup);\n    }\n  }\n\n  return groupedData;\n}\n"],"names":["hyper"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../src/facets/measurements/base.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./base.module.sass\";\nimport {\n  type CompositeColumnScale,\n  getPositionWithinUnit,\n  getUnitHeightRange,\n} from \"../../prepare-units\";\nimport { ColumnNotes } from \"../../notes\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nconst h = hyper.styled(styles);\n\ntype GetHeightRangeFn<T> = (\n  data: T,\n  unit: UnitLong | null,\n  axisType: ColumnAxisType,\n) => MeasurementHeightData;\n\nexport interface BaseMeasurementsColumnProps<T> {\n  data: T[];\n  noteComponent?: any;\n  width?: number;\n  paddingLeft?: number;\n  className?: string;\n  // TODO: these props are confusing\n  getUnitID?: (d: T) => number | string;\n  isMatchingUnit?: (d: T, unit: UnitLong) => boolean;\n  getHeightRange?: GetHeightRangeFn<T>;\n  deltaConnectorAttachment?: number;\n  focusedNoteComponent?: any;\n}\n\nexport interface ColumnMeasurementData<T = any> extends MeasurementHeightData {\n  data: T;\n  id: string | number;\n}\n\ntype MeasurementPositionInformation =\n  | MeasurementHeightData\n  | {\n      unit_id: number;\n      unit_rel_pos?: number;\n    };\n\nexport function standardizeMeasurementHeight(\n  pos: MeasurementPositionInformation,\n  units: UnitLong[],\n  axisType: ColumnAxisType,\n): MeasurementHeightData | null {\n  /** Get a standardized height representation from position information for\n   * a measurement\n   */\n  if (\"height\" in pos) {\n    return pos;\n  }\n  const unit = units.find((u) => u.unit_id === pos.unit_id);\n  if (unit == null) {\n    return null;\n  }\n  if (pos.unit_rel_pos != null) {\n    const res = getPositionWithinUnit(pos.unit_rel_pos, unit, axisType);\n    if (res == null) return null;\n    return { height: res };\n  } else {\n    const [height, top_height] = getUnitHeightRange(unit, axisType);\n    return { height, top_height };\n  }\n}\n\nexport function mergeHeightRanges(\n  data: MeasurementHeightData[],\n  axisType: ColumnAxisType,\n): MeasurementHeightData {\n  /** Merge multiple height ranges into a single range */\n  const heights = [];\n\n  for (const d of data) {\n    heights.push(d.height);\n    if (d.top_height != null) {\n      heights.push(d.top_height);\n    }\n  }\n\n  let height: number;\n  let top_height: number;\n  if (axisType === ColumnAxisType.AGE || axisType === ColumnAxisType.DEPTH) {\n    height = Math.max(...heights);\n    top_height = Math.min(...heights);\n  } else {\n    height = Math.min(...heights);\n    top_height = Math.max(...heights);\n  }\n\n  if (top_height === height) {\n    return { height };\n  }\n  return { height, top_height };\n}\n\nexport type MeasurementHeightData = {\n  height: number;\n  top_height?: number | null;\n};\n\nexport function BaseMeasurementsColumn({\n  data,\n  noteComponent,\n  width = 500,\n  paddingLeft = 40,\n  className,\n  deltaConnectorAttachment,\n  focusedNoteComponent,\n}: BaseMeasurementsColumnProps<any>) {\n  if (data == null) return null;\n\n  return h(\n    \"div.measurements-column\",\n    { className },\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes: data,\n      noteComponent,\n      deltaConnectorAttachment,\n      focusedNoteComponent,\n    }),\n  );\n}\n\ninterface TruncatedListProps {\n  data: any[];\n  className?: string;\n  maxItems?: number;\n  itemRenderer?: (props: { data: any }) => any;\n}\n\nexport function TruncatedList({\n  data,\n  className,\n  maxItems = 5,\n  itemRenderer = (p) => h(\"span\", p.data),\n}: TruncatedListProps) {\n  let tooMany = null;\n  let d1 = data;\n  if (data.length > maxItems) {\n    const n = data.length - maxItems;\n    d1 = data.slice(0, maxItems);\n    tooMany = h(\"li.too-many\", `and ${n} more`);\n  }\n\n  return h(\"ul.truncated-list\", { className }, [\n    d1.map((d, i) => {\n      return h(\"li.element\", { key: i }, h(itemRenderer, { data: d }));\n    }),\n    tooMany,\n  ]);\n}\n\nexport function groupNotesByPixelDistance<T = any>(\n  data: ColumnMeasurementData<T[]>[],\n  scale: CompositeColumnScale,\n  axisType: ColumnAxisType,\n  groupDistance: number,\n) {\n  /** Group notes that are within a certain pixel distance of each other\n   * in display space\n   */\n  if (data.length === 0 || groupDistance <= 0) return data;\n  if (axisType === ColumnAxisType.AGE || axisType === ColumnAxisType.DEPTH) {\n    data.sort((a, b) => b.height - a.height);\n  } else {\n    // Sort data by height (ascending up the column)\n    data.sort((a, b) => a.height - b.height);\n  }\n\n  const groupedData: ColumnMeasurementData<T[]>[] = [];\n  let currentGroup: ColumnMeasurementData<T[]> | null = null;\n  let currentGroupPosition: number = Infinity;\n\n  for (const d of data) {\n    // Check distance from current max position\n    // Pixels go up as we go down in the section\n\n    // The _top_ of the next group must be within groupDistance of the\n    // _bottom_ of the current group. This makes sure that we don't collapse\n    // groups that are separated by a large distance\n    const distance = currentGroupPosition - scale(d.top_height ?? d.height);\n\n    if (distance <= groupDistance) {\n      if (currentGroup == null) {\n        throw new Error(\"Current group is null when it shouldn't be\");\n      }\n      // Merge into current group\n      currentGroup.data.push(...d.data);\n      // Update height range\n      const top_height = d.top_height ?? d.height;\n      if (\n        axisType === ColumnAxisType.AGE ||\n        axisType === ColumnAxisType.DEPTH\n      ) {\n        // Inverted axis\n        currentGroup.top_height = Math.min(currentGroup.top_height, top_height);\n      } else {\n        currentGroup.top_height = Math.max(currentGroup.top_height, top_height);\n      }\n      currentGroup.id = `${currentGroup.height}-${currentGroup.top_height}`;\n    } else {\n      // Start a new group\n      currentGroup = { ...d, data: [...d.data] };\n      currentGroupPosition =\n        scale(currentGroup.height) ??\n        scale(currentGroup.top_height) ??\n        Infinity;\n      groupedData.push(currentGroup);\n    }\n  }\n\n  return groupedData;\n}\n"],"names":["hyper","styles"],"mappings":"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"}

package/dist/facets/measurements/base.module.sass.cjs

@@ -1,7 +1,12 @@
 "use strict";
+const h$1 = require("@macrostrat/hyper");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const h__default = /* @__PURE__ */ _interopDefault(h$1);
 const styles = {
   "truncated-list": "_truncated-list_120po_1",
   "too-many": "_too-many_120po_16"
 };
-module.exports = styles;
+let h = h__default.default.styled(styles);
+Object.assign(h, styles);
+module.exports = h;
 //# sourceMappingURL=base.module.sass.cjs.map

package/dist/facets/measurements/base.module.sass.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"base.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"base.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/facets/measurements/base.module.sass.js

@@ -1,8 +1,11 @@
+import h$1 from "@macrostrat/hyper";
 const styles = {
   "truncated-list": "_truncated-list_120po_1",
   "too-many": "_too-many_120po_16"
 };
+let h = h$1.styled(styles);
+Object.assign(h, styles);
 export {
-  styles as default
+  h as default
 };
 //# sourceMappingURL=base.module.sass.js.map

package/dist/facets/measurements/base.module.sass.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"base.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./units/index.cjs");
 const ageAxis = require("./age-axis.cjs");
-const index$5 = require("./prepare-units/index.cjs");
+const index$6 = require("./prepare-units/index.cjs");
 const column = require("./column.cjs");
 const ageModelOverlay = require("./age-model-overlay.cjs");
 const notes = require("./notes.cjs");
@@ -21,18 +21,17 @@ const provider = require("./facets/fossils/provider.cjs");
 const types = require("./prepare-units/types.cjs");
 const insetMap = require("./maps/_shared/inset-map.cjs");
 const isotopesColumn = require("./facets/carbon-isotopes/isotopes-column.cjs");
-const base$1 = require("./data-provider/base.cjs");
 const store = require("./data-provider/store.cjs");
+const index$4 = require("./maps/units-overlay/index.cjs");
 const dataProvider = require("./facets/carbon-isotopes/data-provider.cjs");
 const utils = require("./prepare-units/utils.cjs");
-const index$4 = require("./facets/fossils/index.cjs");
+const index$5 = require("./facets/fossils/index.cjs");
 const taxonRanges = require("./facets/fossils/taxon-ranges.cjs");
 const sgp = require("./facets/measurements/sgp.cjs");
 const modalPanel = require("./unit-details/modal-panel.cjs");
 const popover = require("./unit-details/popover.cjs");
 const unitSelection = require("./data-provider/unit-selection.cjs");
 const styles = require("./maps/_shared/styles.cjs");
-const fetch = require("./data-provider/fetch.cjs");
 const colors = require("./units/colors.cjs");
 const hashString = require("./correlation-chart/hash-string.cjs");
 const helpers = require("./prepare-units/helpers.cjs");
@@ -49,8 +48,8 @@ exports.ApproximateHeightAxis = ageAxis.ApproximateHeightAxis;
 exports.CompositeAgeAxis = ageAxis.CompositeAgeAxis;
 exports.CompositeAgeAxisCore = ageAxis.CompositeAgeAxisCore;
 exports.VerticalAxisLabel = ageAxis.VerticalAxisLabel;
-exports.prepareColumnUnits = index$5.prepareColumnUnits;
-exports.usePreparedColumnUnits = index$5.usePreparedColumnUnits;
+exports.prepareColumnUnits = index$6.prepareColumnUnits;
+exports.usePreparedColumnUnits = index$6.usePreparedColumnUnits;
 exports.Column = column.Column;
 exports.ColumnBasicInfo = column.ColumnBasicInfo;
 exports.ColumnContainer = column.ColumnContainer;
@@ -101,26 +100,20 @@ exports.HybridScaleType = types.HybridScaleType;
 exports.InsetMap = insetMap.InsetMap;
 exports.IsotopesColumn = isotopesColumn.IsotopesColumn;
 exports.IsotopesDataset = isotopesColumn.IsotopesDataset;
-exports.LithologiesProvider = base$1.LithologiesProvider;
-exports.MacrostratAPIProvider = base$1.MacrostratAPIProvider;
-exports.MacrostratColumnProvider = base$1.MacrostratColumnProvider;
-exports.MacrostratDataProvider = base$1.MacrostratDataProvider;
-exports.useEnvironments = base$1.useEnvironments;
-exports.useLithologies = base$1.useLithologies;
-exports.useMacrostratBaseURL = base$1.useMacrostratBaseURL;
-exports.useMacrostratColumnInfo = base$1.useMacrostratColumnInfo;
-exports.useMacrostratColumns = base$1.useMacrostratColumns;
-exports.useMacrostratData = base$1.useMacrostratData;
-exports.useMacrostratDefs = base$1.useMacrostratDefs;
-exports.useMacrostratFetch = base$1.useMacrostratFetch;
-exports.useMacrostratStore = base$1.useMacrostratStore;
+exports.LithologiesProvider = store.LithologiesProvider;
 exports.MacrostratColumnDataProvider = store.MacrostratColumnDataProvider;
+exports.MacrostratColumnProvider = store.MacrostratColumnProvider;
 exports.MacrostratColumnStateProvider = store.MacrostratColumnStateProvider;
 exports.UnitSelectionProvider = store.UnitSelectionProvider;
+exports.columnUnitsAtom = store.columnUnitsAtom;
+exports.columnUnitsMapAtom = store.columnUnitsMapAtom;
+exports.scope = store.scope;
 exports.useColumnUnitsMap = store.useColumnUnitsMap;
 exports.useCompositeScale = store.useCompositeScale;
 exports.useMacrostratColumnData = store.useMacrostratColumnData;
 exports.useMacrostratUnits = store.useMacrostratUnits;
+exports.MacrostratUnitsOverlay = index$4.MacrostratUnitsOverlay;
+exports.buildUnitsStyle = index$4.buildUnitsStyle;
 exports.MeasurementDataContext = dataProvider.MeasurementDataContext;
 exports.MeasurementDataProvider = dataProvider.MeasurementDataProvider;
 exports.useMeasurementData = dataProvider.useMeasurementData;
@@ -132,7 +125,7 @@ exports.ensureRealFloat = utils.ensureRealFloat;
 exports.getPositionWithinUnit = utils.getPositionWithinUnit;
 exports.getUnitHeightRange = utils.getUnitHeightRange;
 exports.unitsOverlap = utils.unitsOverlap;
-exports.PBDBFossilsColumn = index$4.PBDBFossilsColumn;
+exports.PBDBFossilsColumn = index$5.PBDBFossilsColumn;
 exports.PBDBOccurrencesMatrix = taxonRanges.PBDBOccurrencesMatrix;
 exports.SGPMeasurementsColumn = sgp.SGPMeasurementsColumn;
 exports.UnitDetailsPanelWithNavigation = modalPanel.UnitDetailsPanelWithNavigation;
@@ -148,15 +141,8 @@ exports.useSelectedUnit = unitSelection.useSelectedUnit;
 exports.useUnitSelectionDispatch = unitSelection.useUnitSelectionDispatch;
 exports.useUnitSelectionTarget = unitSelection.useUnitSelectionTarget;
 exports.buildColumnsStyle = styles.buildColumnsStyle;
-exports.fetchAllColumns = fetch.fetchAllColumns;
-exports.fetchColumnUnits = fetch.fetchColumnUnits;
-exports.fetchEnvironments = fetch.fetchEnvironments;
-exports.fetchIntervals = fetch.fetchIntervals;
-exports.fetchLithologies = fetch.fetchLithologies;
-exports.fetchRefs = fetch.fetchRefs;
-exports.fetchStratNames = fetch.fetchStratNames;
-exports.fetchUnits = fetch.fetchUnits;
-exports.useColumnFeatures = fetch.useColumnFeatures;
+exports.flattenLithologies = colors.flattenLithologies;
+exports.getMixedColorForData = colors.getMixedColorForData;
 exports.getMixedUnitColor = colors.getMixedUnitColor;
 exports.parseLineFromString = hashString.parseLineFromString;
 exports.stringifyLine = hashString.stringifyLine;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -19,8 +19,8 @@ import { FossilDataType, useFossilData } from "./facets/fossils/provider.js";
 import { HeightMethod, HybridScaleType } from "./prepare-units/types.js";
 import { InsetMap } from "./maps/_shared/inset-map.js";
 import { IsotopesColumn, IsotopesDataset } from "./facets/carbon-isotopes/isotopes-column.js";
-import { LithologiesProvider, MacrostratAPIProvider, MacrostratColumnProvider, MacrostratDataProvider, useEnvironments, useLithologies, useMacrostratBaseURL, useMacrostratColumnInfo, useMacrostratColumns, useMacrostratData, useMacrostratDefs, useMacrostratFetch, useMacrostratStore } from "./data-provider/base.js";
-import { MacrostratColumnDataProvider, MacrostratColumnStateProvider, UnitSelectionProvider, useColumnUnitsMap, useCompositeScale, useMacrostratColumnData, useMacrostratUnits } from "./data-provider/store.js";
+import { LithologiesProvider, MacrostratColumnDataProvider, MacrostratColumnProvider, MacrostratColumnStateProvider, UnitSelectionProvider, columnUnitsAtom, columnUnitsMapAtom, scope, useColumnUnitsMap, useCompositeScale, useMacrostratColumnData, useMacrostratUnits } from "./data-provider/store.js";
+import { MacrostratUnitsOverlay, buildUnitsStyle } from "./maps/units-overlay/index.js";
 import { MeasurementDataContext, MeasurementDataProvider, useMeasurementData } from "./facets/carbon-isotopes/data-provider.js";
 import { MergeSectionsMode, agesOverlap, createUnitSorter, ensureArray, ensureRealFloat, getPositionWithinUnit, getUnitHeightRange, unitsOverlap } from "./prepare-units/utils.js";
 import { PBDBFossilsColumn } from "./facets/fossils/index.js";
@@ -30,8 +30,7 @@ import { UnitDetailsPanelWithNavigation } from "./unit-details/modal-panel.js";
 import { UnitDetailsPopover, UnitSelectionPopover } from "./unit-details/popover.js";
 import { UnitKeyboardNavigation, UnitSelectionCallbackManager, allowUnitSelectionAtom, selectedUnitIDAtom, useAtomOverlayPosition, useColumnRef, useSelectedUnit, useUnitSelectionDispatch, useUnitSelectionTarget } from "./data-provider/unit-selection.js";
 import { buildColumnsStyle } from "./maps/_shared/styles.js";
-import { fetchAllColumns, fetchColumnUnits, fetchEnvironments, fetchIntervals, fetchLithologies, fetchRefs, fetchStratNames, fetchUnits, useColumnFeatures } from "./data-provider/fetch.js";
-import { getMixedUnitColor } from "./units/colors.js";
+import { flattenLithologies, getMixedColorForData, getMixedUnitColor } from "./units/colors.js";
 import { parseLineFromString, stringifyLine } from "./correlation-chart/hash-string.js";
 import { preprocessUnits } from "./prepare-units/helpers.js";
 export {
@@ -79,11 +78,10 @@ export {
   LabelTrackerProvider,
   LegendPanelHeader,
   LithologiesProvider,
-  MacrostratAPIProvider,
   MacrostratColumnDataProvider,
   MacrostratColumnProvider,
   MacrostratColumnStateProvider,
-  MacrostratDataProvider,
+  MacrostratUnitsOverlay,
   MeasurementDataContext,
   MeasurementDataProvider,
   MeasurementsLayer,
@@ -111,17 +109,14 @@ export {
   agesOverlap,
   allowUnitSelectionAtom,
   buildColumnsStyle,
+  buildUnitsStyle,
+  columnUnitsAtom,
+  columnUnitsMapAtom,
   createUnitSorter,
   ensureArray,
   ensureRealFloat,
-  fetchAllColumns,
-  fetchColumnUnits,
-  fetchEnvironments,
-  fetchIntervals,
-  fetchLithologies,
-  fetchRefs,
-  fetchStratNames,
-  fetchUnits,
+  flattenLithologies,
+  getMixedColorForData,
   getMixedUnitColor,
   getPositionWithinUnit,
   getUnitHeightRange,
@@ -130,28 +125,19 @@ export {
   parseLineFromString,
   prepareColumnUnits,
   preprocessUnits,
+  scope,
   selectedUnitIDAtom,
   standardizeMeasurementHeight,
   stringifyLine,
   unitsOverlap,
   useAtomOverlayPosition,
-  useColumnFeatures,
   useColumnNav,
   useColumnRef,
   useColumnUnitsMap,
   useCompositeScale,
   useCorrelationMapStore,
-  useEnvironments,
   useFossilData,
-  useLithologies,
-  useMacrostratBaseURL,
   useMacrostratColumnData,
-  useMacrostratColumnInfo,
-  useMacrostratColumns,
-  useMacrostratData,
-  useMacrostratDefs,
-  useMacrostratFetch,
-  useMacrostratStore,
   useMacrostratUnits,
   useMeasurementData,
   usePreparedColumnUnits,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/maps/_shared/styles.cjs

@@ -5,7 +5,12 @@ const mapboxUtils = require("@macrostrat/mapbox-utils");
 function buildColumnsStyle(color) {
   let columnColor = color ?? colorUtils.getCSSVariable("--text-subtle-color", "black");
   const columnSelectedColor = colorUtils.getCSSVariable("--selection-color", "purple");
-  columnColor = ["coalesce", ["get", "color"], columnColor];
+  columnColor = [
+    "coalesce",
+    ["feature-state", "color"],
+    ["get", "color"],
+    columnColor
+  ];
   return {
     sources: {
       columns: mapboxUtils.buildGeoJSONSource()

package/dist/maps/_shared/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","sources":["../../../src/maps/_shared/styles.ts"],"sourcesContent":["import { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport type { Style } from \"mapbox-gl\";\n\nexport function buildColumnsStyle(color: string): Style {\n  let columnColor = color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  const columnSelectedColor = getCSSVariable(\"--selection-color\", \"purple\");\n\n  // If color is in the geojson properties, use that\n  columnColor = [\"coalesce\", [\"get\", \"color\"], columnColor];\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            0.5,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.3,\n            0.1,\n          ],\n        },\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": columnColor,\n          \"line-width\": 2,\n          \"line-opacity\": 0.5,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": 4,\n          \"circle-color\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            columnSelectedColor,\n            columnColor,\n          ],\n          \"circle-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            1,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.7,\n            0.5,\n          ],\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":["getCSSVariable","buildGeoJSONSource"],"mappings":";;;;AAIO,SAAS,kBAAkB,OAAsB;AACtD,MAAI,cAAc,SAASA,0BAAe,uBAAuB,OAAO;AACxE,QAAM,sBAAsBA,WAAAA,eAAe,qBAAqB,QAAQ;AAGxE,gBAAc,CAAC,YAAY,CAAC,OAAO,OAAO,GAAG,WAAW;AAExD,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAASC,YAAAA,mBAAA;AAAA,IAAmB;AAAA,IAE9B,SAAS;AAAA,IACT,QAAQ;AAAA,MACN;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,kBAAkB;AAAA,YAChB;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,QAAQ,CAAC,MAAM,SAAS,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"styles.cjs","sources":["../../../src/maps/_shared/styles.ts"],"sourcesContent":["import { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport type { Style } from \"mapbox-gl\";\n\nexport function buildColumnsStyle(color: string): Style {\n  let columnColor: any =\n    color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  const columnSelectedColor = getCSSVariable(\"--selection-color\", \"purple\");\n\n  // If color is in the feature state or geojson properties, use that as second choice\n\n  columnColor = [\n    \"coalesce\",\n    [\"feature-state\", \"color\"],\n    [\"get\", \"color\"],\n    columnColor,\n  ];\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            0.5,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.3,\n            0.1,\n          ],\n        },\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": columnColor,\n          \"line-width\": 2,\n          \"line-opacity\": 0.5,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": 4,\n          \"circle-color\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            columnSelectedColor,\n            columnColor,\n          ],\n          \"circle-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            1,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.7,\n            0.5,\n          ],\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":["getCSSVariable","buildGeoJSONSource"],"mappings":";;;;AAIO,SAAS,kBAAkB,OAAsB;AACtD,MAAI,cACF,SAASA,0BAAe,uBAAuB,OAAO;AACxD,QAAM,sBAAsBA,WAAAA,eAAe,qBAAqB,QAAQ;AAIxE,gBAAc;AAAA,IACZ;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,IACzB,CAAC,OAAO,OAAO;AAAA,IACf;AAAA,EAAA;AAGF,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAASC,YAAAA,mBAAA;AAAA,IAAmB;AAAA,IAE9B,SAAS;AAAA,IACT,QAAQ;AAAA,MACN;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,kBAAkB;AAAA,YAChB;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,QAAQ,CAAC,MAAM,SAAS,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EACF;AAEJ;;"}

package/dist/maps/_shared/styles.js

@@ -3,7 +3,12 @@ import { buildGeoJSONSource } from "@macrostrat/mapbox-utils";
 function buildColumnsStyle(color) {
   let columnColor = color ?? getCSSVariable("--text-subtle-color", "black");
   const columnSelectedColor = getCSSVariable("--selection-color", "purple");
-  columnColor = ["coalesce", ["get", "color"], columnColor];
+  columnColor = [
+    "coalesce",
+    ["feature-state", "color"],
+    ["get", "color"],
+    columnColor
+  ];
   return {
     sources: {
       columns: buildGeoJSONSource()

package/dist/maps/_shared/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/maps/_shared/styles.ts"],"sourcesContent":["import { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport type { Style } from \"mapbox-gl\";\n\nexport function buildColumnsStyle(color: string): Style {\n  let columnColor = color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  const columnSelectedColor = getCSSVariable(\"--selection-color\", \"purple\");\n\n  // If color is in the geojson properties, use that\n  columnColor = [\"coalesce\", [\"get\", \"color\"], columnColor];\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            0.5,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.3,\n            0.1,\n          ],\n        },\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": columnColor,\n          \"line-width\": 2,\n          \"line-opacity\": 0.5,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": 4,\n          \"circle-color\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            columnSelectedColor,\n            columnColor,\n          ],\n          \"circle-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            1,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.7,\n            0.5,\n          ],\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":[],"mappings":";;AAIO,SAAS,kBAAkB,OAAsB;AACtD,MAAI,cAAc,SAAS,eAAe,uBAAuB,OAAO;AACxE,QAAM,sBAAsB,eAAe,qBAAqB,QAAQ;AAGxE,gBAAc,CAAC,YAAY,CAAC,OAAO,OAAO,GAAG,WAAW;AAExD,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS,mBAAA;AAAA,IAAmB;AAAA,IAE9B,SAAS;AAAA,IACT,QAAQ;AAAA,MACN;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,kBAAkB;AAAA,YAChB;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,QAAQ,CAAC,MAAM,SAAS,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"styles.js","sources":["../../../src/maps/_shared/styles.ts"],"sourcesContent":["import { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport type { Style } from \"mapbox-gl\";\n\nexport function buildColumnsStyle(color: string): Style {\n  let columnColor: any =\n    color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  const columnSelectedColor = getCSSVariable(\"--selection-color\", \"purple\");\n\n  // If color is in the feature state or geojson properties, use that as second choice\n\n  columnColor = [\n    \"coalesce\",\n    [\"feature-state\", \"color\"],\n    [\"get\", \"color\"],\n    columnColor,\n  ];\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            0.5,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.3,\n            0.1,\n          ],\n        },\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": columnColor,\n          \"line-width\": 2,\n          \"line-opacity\": 0.5,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": 4,\n          \"circle-color\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            columnSelectedColor,\n            columnColor,\n          ],\n          \"circle-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            1,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.7,\n            0.5,\n          ],\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":[],"mappings":";;AAIO,SAAS,kBAAkB,OAAsB;AACtD,MAAI,cACF,SAAS,eAAe,uBAAuB,OAAO;AACxD,QAAM,sBAAsB,eAAe,qBAAqB,QAAQ;AAIxE,gBAAc;AAAA,IACZ;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,IACzB,CAAC,OAAO,OAAO;AAAA,IACf;AAAA,EAAA;AAGF,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS,mBAAA;AAAA,IAAmB;AAAA,IAE9B,SAAS;AAAA,IACT,QAAQ;AAAA,MACN;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,kBAAkB;AAAA,YAChB;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,QAAQ,CAAC,MAAM,SAAS,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EACF;AAEJ;"}

package/dist/maps/column-correlation/state.cjs

@@ -8,7 +8,7 @@ const centroid = require("@turf/centroid");
 const React = require("react");
 const h = require("@macrostrat/hyper");
 const zustandComputed = require("zustand-computed");
-const base = require("../../data-provider/base.cjs");
+const dataProvider = require("@macrostrat/data-provider");
 const buffer = require("@turf/buffer");
 const booleanPointInPolygon = require("@turf/boolean-point-in-polygon");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -54,7 +54,7 @@ function ColumnCorrelationProvider({
       })
     );
   });
-  const _columns = base.useMacrostratColumns(projectID, inProcess);
+  const _columns = dataProvider.useMacrostratColumns(projectID, inProcess);
   React.useEffect(() => {
     if (_columns != null) {
       store.setState({ columns: _columns });

package/dist/maps/column-correlation/state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"state.cjs","sources":["../../../src/maps/column-correlation/state.ts"],"sourcesContent":["import { LineString, Point } from \"geojson\";\nimport { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecord } from \"@macrostrat/api-types\";\n// Turf intersection\nimport { lineIntersect } from \"@turf/line-intersect\";\nimport distance from \"@turf/distance\";\nimport { nearestPointOnLine } from \"@turf/nearest-point-on-line\";\nimport { centroid } from \"@turf/centroid\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { createComputed } from \"zustand-computed\";\nimport { useMacrostratColumns } from \"../../data-provider/base\";\nimport { buffer } from \"@turf/buffer\";\nimport { booleanPointInPolygon } from \"@turf/boolean-point-in-polygon\";\n\nexport interface CorrelationMapInput {\n  columns: ColumnGeoJSONRecord[];\n  focusedLine: LineString | null;\n}\n\nexport interface CorrelationMapStore extends CorrelationMapInput {\n  onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;\n}\n\nexport interface CorrelationProviderProps extends CorrelationMapInput {\n  projectID?: number;\n  inProcess?: boolean;\n  columns: ColumnGeoJSONRecord[] | null;\n  children: ReactNode;\n  onSelectColumns?: (\n    columns: FocusedColumnGeoJSONRecord[],\n    line: LineString | null,\n  ) => void;\n}\n\nconst CorrelationStoreContext =\n  createContext<StoreApi<CorrelationMapStore> | null>(null);\n\ntype ComputedStore = {\n  focusedColumns: FocusedColumnGeoJSONRecord[];\n};\n\n/** A computed store that will automatically update when the state changes */\nconst computed = createComputed((state: CorrelationMapStore): ComputedStore => {\n  return {\n    // We compute the focused columns based on columns and focusedLine\n    focusedColumns: buildCorrelationColumns(state.columns, state.focusedLine),\n  };\n}) as any;\n\nexport function ColumnCorrelationProvider({\n  children,\n  columns,\n  projectID,\n  inProcess,\n  focusedLine,\n  onSelectColumns,\n}: CorrelationProviderProps) {\n  const [store] = useState(() => {\n    return create<CorrelationMapStore & ComputedStore>(\n      computed((set, get): CorrelationMapStore => {\n        return {\n          focusedLine,\n          projectID,\n          columns: null,\n          onClickMap(event: mapboxgl.MapMouseEvent, point: Point) {\n            const state = get();\n            // Check if shift key is pressed\n            const shiftKeyPressed = event.originalEvent.shiftKey;\n            let existingCoords = state.focusedLine?.coordinates ?? [];\n\n            if (existingCoords.length >= 2 && !shiftKeyPressed) {\n              // Reset the line to zero length\n              existingCoords = [];\n            }\n            set({\n              focusedLine: {\n                type: \"LineString\",\n                coordinates: [...existingCoords, point.coordinates],\n              },\n            });\n          },\n        };\n      }),\n    );\n  });\n\n  // Set up the store\n  /** TODO: move the fetching of all columns to within the map */\n  const _columns = useMacrostratColumns(projectID, inProcess);\n  useEffect(() => {\n    if (_columns != null) {\n      store.setState({ columns: _columns });\n    }\n  }, [_columns]);\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  const focusedColumns = useStore(store, (state) => state.focusedColumns);\n  const _focusedLine = useStore(store, (state) => state.focusedLine);\n\n  useEffect(() => {\n    onSelectColumns?.(focusedColumns, _focusedLine);\n  }, [focusedColumns, _focusedLine]);\n\n  return h(CorrelationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useCorrelationMapStore(\n  selector: (state: CorrelationMapStore & ComputedStore) => any,\n) {\n  const storeApi = useContext(CorrelationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing CorrelationMapProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n\nfunction buildCorrelationColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  if (columns == null || line == null || line.coordinates.length < 2) {\n    return [];\n  }\n  return orderColumnsByDistance(\n    computeIntersectingColumns(columns, line),\n    line,\n  );\n}\n\nfunction computeIntersectingColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): ColumnGeoJSONRecord[] {\n  if (columns == null || line == null) {\n    return [];\n  }\n\n  /** eODP-focused process. Find buffers around line and then find columns intersecting that buffer */\n  const bufferedLine = buffer(line, 1, { units: \"degrees\" });\n\n  const nearbyPoints = columns.filter((col) => {\n    if (col.geometry?.type != \"Point\") {\n      return false;\n    }\n    return booleanPointInPolygon(col.geometry, bufferedLine);\n  });\n\n  const intersectingPolygons = columns.filter((col) => {\n    const poly = col.geometry;\n\n    // Some in-process datasets seem to have null geometries\n    if (poly == null) return false;\n    if (poly.type != \"Polygon\" && poly.type != \"MultiPolygon\") return false;\n\n    const intersection = lineIntersect(line, poly);\n    return intersection.features.length > 0;\n  });\n\n  return [...intersectingPolygons, ...nearbyPoints];\n}\n\ninterface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {\n  properties: {\n    centroid: Point;\n    nearestPointOnLine: Point;\n    distanceAlongLine: number;\n  } & ColumnGeoJSONRecord[\"properties\"];\n}\n\nfunction orderColumnsByDistance(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  const centroids = columns.map((col) => centroid(col.geometry));\n  const projectedPoints = centroids.map((point) =>\n    nearestPointOnLine(line, point),\n  );\n  const distances = projectedPoints.map((point) =>\n    distance(point.geometry.coordinates, line.coordinates[0]),\n  );\n\n  let newColumns = columns.map((col, i) => {\n    return {\n      ...col,\n      properties: {\n        ...col.properties,\n        centroid: centroids[i],\n        nearestPointOnLine: projectedPoints[i],\n        distanceAlongLine: distances[i],\n      },\n    };\n  });\n\n  return sorted(newColumns, (d) => d.properties.distanceAlongLine);\n}\n\nfunction sorted(data, accessor: (d) => number) {\n  return data.sort((a, b) => accessor(a) - accessor(b));\n}\n"],"names":["createContext","createComputed","useState","create","useMacrostratColumns","useEffect","useStore","h","useContext","buffer","booleanPointInPolygon","lineIntersect","centroid","nearestPointOnLine","distance"],"mappings":"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"}
+{"version":3,"file":"state.cjs","sources":["../../../src/maps/column-correlation/state.ts"],"sourcesContent":["import { LineString, Point } from \"geojson\";\nimport { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecord } from \"@macrostrat/api-types\";\n// Turf intersection\nimport { lineIntersect } from \"@turf/line-intersect\";\nimport distance from \"@turf/distance\";\nimport { nearestPointOnLine } from \"@turf/nearest-point-on-line\";\nimport { centroid } from \"@turf/centroid\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { createComputed } from \"zustand-computed\";\nimport { useMacrostratColumns } from \"@macrostrat/data-provider\";\nimport { buffer } from \"@turf/buffer\";\nimport { booleanPointInPolygon } from \"@turf/boolean-point-in-polygon\";\n\nexport interface CorrelationMapInput {\n  columns: ColumnGeoJSONRecord[];\n  focusedLine: LineString | null;\n}\n\nexport interface CorrelationMapStore extends CorrelationMapInput {\n  onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;\n  projectID?: number;\n}\n\nexport interface CorrelationProviderProps extends CorrelationMapInput {\n  projectID?: number;\n  inProcess?: boolean;\n  columns: ColumnGeoJSONRecord[] | null;\n  children: ReactNode;\n  onSelectColumns?: (\n    columns: FocusedColumnGeoJSONRecord[],\n    line: LineString | null,\n  ) => void;\n}\n\nconst CorrelationStoreContext =\n  createContext<StoreApi<CorrelationMapStore> | null>(null);\n\ntype ComputedStore = {\n  focusedColumns: FocusedColumnGeoJSONRecord[];\n};\n\n/** A computed store that will automatically update when the state changes */\nconst computed = createComputed((state: CorrelationMapStore): ComputedStore => {\n  return {\n    // We compute the focused columns based on columns and focusedLine\n    focusedColumns: buildCorrelationColumns(state.columns, state.focusedLine),\n  };\n}) as any;\n\nexport function ColumnCorrelationProvider({\n  children,\n  columns,\n  projectID,\n  inProcess,\n  focusedLine,\n  onSelectColumns,\n}: CorrelationProviderProps) {\n  const [store] = useState(() => {\n    return create<CorrelationMapStore & ComputedStore>(\n      computed((set, get): CorrelationMapStore => {\n        return {\n          focusedLine,\n          projectID,\n          columns: null,\n          onClickMap(event: mapboxgl.MapMouseEvent, point: Point) {\n            const state = get();\n            // Check if shift key is pressed\n            const shiftKeyPressed = event.originalEvent.shiftKey;\n            let existingCoords = state.focusedLine?.coordinates ?? [];\n\n            if (existingCoords.length >= 2 && !shiftKeyPressed) {\n              // Reset the line to zero length\n              existingCoords = [];\n            }\n            set({\n              focusedLine: {\n                type: \"LineString\",\n                coordinates: [...existingCoords, point.coordinates],\n              },\n            });\n          },\n        };\n      }),\n    );\n  });\n\n  // Set up the store\n  /** TODO: move the fetching of all columns to within the map */\n  const _columns = useMacrostratColumns(projectID, inProcess);\n  useEffect(() => {\n    if (_columns != null) {\n      store.setState({ columns: _columns });\n    }\n  }, [_columns]);\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  const focusedColumns = useStore(store, (state) => state.focusedColumns);\n  const _focusedLine = useStore(store, (state) => state.focusedLine);\n\n  useEffect(() => {\n    onSelectColumns?.(focusedColumns, _focusedLine);\n  }, [focusedColumns, _focusedLine]);\n\n  return h(CorrelationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useCorrelationMapStore(\n  selector: (state: CorrelationMapStore & ComputedStore) => any,\n) {\n  const storeApi = useContext(CorrelationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing CorrelationMapProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n\nfunction buildCorrelationColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  if (columns == null || line == null || line.coordinates.length < 2) {\n    return [];\n  }\n  return orderColumnsByDistance(\n    computeIntersectingColumns(columns, line),\n    line,\n  );\n}\n\nfunction computeIntersectingColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): ColumnGeoJSONRecord[] {\n  if (columns == null || line == null) {\n    return [];\n  }\n\n  /** eODP-focused process. Find buffers around line and then find columns intersecting that buffer */\n  const bufferedLine = buffer(line, 1, { units: \"degrees\" });\n\n  const nearbyPoints = columns.filter((col) => {\n    if (col.geometry?.type != \"Point\") {\n      return false;\n    }\n    return booleanPointInPolygon(col.geometry, bufferedLine);\n  });\n\n  const intersectingPolygons = columns.filter((col) => {\n    const poly = col.geometry;\n\n    // Some in-process datasets seem to have null geometries\n    if (poly == null) return false;\n    if (poly.type != \"Polygon\" && poly.type != \"MultiPolygon\") return false;\n\n    const intersection = lineIntersect(line, poly);\n    return intersection.features.length > 0;\n  });\n\n  return [...intersectingPolygons, ...nearbyPoints];\n}\n\ninterface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {\n  properties: {\n    centroid: Point;\n    nearestPointOnLine: Point;\n    distanceAlongLine: number;\n  } & ColumnGeoJSONRecord[\"properties\"];\n}\n\nfunction orderColumnsByDistance(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  const centroids = columns.map((col) => centroid(col.geometry));\n  const projectedPoints = centroids.map((point) =>\n    nearestPointOnLine(line, point),\n  );\n  const distances = projectedPoints.map((point) =>\n    distance(point.geometry.coordinates, line.coordinates[0]),\n  );\n\n  let newColumns = columns.map((col, i) => {\n    return {\n      ...col,\n      properties: {\n        ...col.properties,\n        centroid: centroids[i],\n        nearestPointOnLine: projectedPoints[i],\n        distanceAlongLine: distances[i],\n      },\n    };\n  });\n\n  return sorted(newColumns, (d) => d.properties.distanceAlongLine);\n}\n\nfunction sorted(data, accessor: (d) => number) {\n  return data.sort((a, b) => accessor(a) - accessor(b));\n}\n"],"names":["createContext","createComputed","useState","create","useMacrostratColumns","useEffect","useStore","h","useContext","buffer","booleanPointInPolygon","lineIntersect","centroid","nearestPointOnLine","distance"],"mappings":"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"}

package/dist/maps/column-correlation/state.d.ts

@@ -8,6 +8,7 @@ export interface CorrelationMapInput {
 }
 export interface CorrelationMapStore extends CorrelationMapInput {
     onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;
+    projectID?: number;
 }
 export interface CorrelationProviderProps extends CorrelationMapInput {
     projectID?: number;

package/dist/maps/column-correlation/state.js

@@ -6,7 +6,7 @@ import { centroid } from "@turf/centroid";
 import { useState, useEffect, useContext, createContext } from "react";
 import h from "@macrostrat/hyper";
 import { createComputed } from "zustand-computed";
-import { useMacrostratColumns } from "../../data-provider/base.js";
+import { useMacrostratColumns } from "@macrostrat/data-provider";
 import { buffer } from "@turf/buffer";
 import { booleanPointInPolygon } from "@turf/boolean-point-in-polygon";
 const CorrelationStoreContext = createContext(null);