@macrostrat/column-views 2.4.4 → 3.0.0

package/dist/data-provider/unit-selection.js

@@ -0,0 +1,225 @@
+import { useKeyHandler } from "@macrostrat/ui-components";
+import { useMemo, useEffect, useRef, useCallback } from "react";
+import { atom } from "jotai";
+import { scope, columnUnitsMapAtom } from "./core.js";
+import { ageRangeQuantifiedDifference, AgeRangeRelationship } from "@macrostrat/stratigraphy-utils";
+function useUnitSelectionDispatch() {
+  return scope.useSetAtom(selectedUnitAtom);
+}
+function useSelectedUnit() {
+  return scope.useAtomValue(selectedUnitAtom);
+}
+const allowUnitSelectionAtom = atom(true);
+const selectedUnitIDAtom = atom();
+const overlayPositionAtom = atom();
+const columnRefAtom = atom({ current: null });
+function useColumnRef() {
+  return scope.useAtomValue(columnRefAtom);
+}
+const selectedUnitAtom = atom(
+  (get) => {
+    if (!get(allowUnitSelectionAtom)) return null;
+    const unitID = get(selectedUnitIDAtom);
+    if (unitID == null) return null;
+    const unitsMap = get(columnUnitsMapAtom);
+    return unitsMap?.get(unitID) || null;
+  },
+  (get, set, selectedUnit, target = null) => {
+    if (!get(allowUnitSelectionAtom)) {
+      throw new Error("Unit selection is disabled.");
+    }
+    let unitID;
+    let unit = null;
+    if (selectedUnit == null) {
+      unitID = null;
+    } else if (typeof selectedUnit === "number") {
+      unitID = selectedUnit;
+    } else if ("unit_id" in selectedUnit) {
+      unitID = selectedUnit.unit_id;
+    }
+    if (unitID != null) {
+      const unitsMap = get(columnUnitsMapAtom);
+      if (!unitsMap?.has(unitID)) {
+        throw new Error(
+          `Unit with ID ${unitID} not found in current column units.`
+        );
+      }
+      unit = unitsMap.get(unitID) ?? null;
+    }
+    let overlayPosition = null;
+    const columnEl = get(columnRefAtom)?.current;
+    if (unit != null && columnEl != null && target != null) {
+      const rect = columnEl.getBoundingClientRect();
+      const targetRect = target.getBoundingClientRect();
+      overlayPosition = {
+        x: targetRect.left - rect.left,
+        y: targetRect.top - rect.top,
+        width: targetRect.width,
+        height: targetRect.height
+      };
+    }
+    set(selectedUnitIDAtom, unitID);
+    set(overlayPositionAtom, overlayPosition);
+    return unit;
+  }
+);
+function useAtomOverlayPosition() {
+  return scope.useAtomValue(overlayPositionAtom);
+}
+function UnitSelectionCallbackManager({
+  onUnitSelected
+}) {
+  const selectedUnit = scope.useAtomValue(selectedUnitAtom);
+  useEffect(() => {
+    onUnitSelected?.(selectedUnit?.unit_id ?? null, selectedUnit ?? null);
+  }, [selectedUnit?.unit_id]);
+  return null;
+}
+function useUnitSelectionTarget(unit) {
+  const ref = useRef();
+  const selectedUnit = useSelectedUnit();
+  const selectUnit = useUnitSelectionDispatch();
+  const selected = selectedUnit?.unit_id == unit.unit_id;
+  const onClick = useCallback(
+    (evt) => {
+      selectUnit?.(unit, ref.current);
+      evt.stopPropagation();
+    },
+    [unit, selectUnit]
+  );
+  useEffect(() => {
+    if (!selected || selectUnit == null) return;
+    selectUnit(unit, ref.current);
+    ref.current?.scrollIntoView({
+      behavior: "smooth",
+      block: "center",
+      inline: "nearest"
+    });
+  }, [selected, selectUnit]);
+  return [ref, selected, onClick];
+}
+function UnitKeyboardNavigation({
+  columnData,
+  units,
+  allowHorizontalNavigation
+}) {
+  if (units == null && columnData == null) {
+    throw new Error("Either units or columnData must be provided.");
+  }
+  let _columnData = useMemo(() => {
+    if (columnData != null) return columnData;
+    const colMap = /* @__PURE__ */ new Map();
+    for (const unit of units) {
+      if (!colMap.has(unit.col_id)) {
+        colMap.set(unit.col_id, []);
+      }
+      colMap.get(unit.col_id).push(unit);
+    }
+    const cols = [];
+    for (const [colID, units2] of colMap) {
+      cols.push({ columnID: colID, units: units2 });
+    }
+    cols.sort((a, b) => a.columnID - b.columnID);
+    return cols;
+  }, [columnData, units]);
+  const _allowHorizontalNavigation = allowHorizontalNavigation ?? columnData != null;
+  const selectedUnit = useSelectedUnit();
+  const selectUnit = useUnitSelectionDispatch();
+  const keyMap = {
+    38: "up",
+    40: "down"
+  };
+  if (_allowHorizontalNavigation) {
+    keyMap[37] = "left";
+    keyMap[39] = "right";
+  }
+  useKeyHandler(
+    (event) => {
+      const direction = keyMap[event.keyCode];
+      if (direction == null) return;
+      const nextUnit = getBestUnit(_columnData, selectedUnit, direction);
+      if (nextUnit == null) return;
+      selectUnit(nextUnit, null);
+      event.stopPropagation();
+    },
+    [_columnData, selectedUnit]
+  );
+  return null;
+}
+function getBestUnit(columnData, targetUnit, direction) {
+  const thisColIndex = columnData.findIndex(
+    (col) => col.columnID === targetUnit.col_id
+  );
+  if (thisColIndex === -1) return null;
+  if (direction === "up" || direction === "down") {
+    const units = columnData[thisColIndex].units;
+    const ix = units.findIndex((unit) => unit.unit_id === targetUnit.unit_id);
+    if (ix === -1) return null;
+    if (direction === "up") {
+      return units[ix - 1] || null;
+    } else {
+      return units[ix + 1] || null;
+    }
+  }
+  let adjacentColIndex;
+  if (direction === "left") {
+    adjacentColIndex = (thisColIndex - 1 + columnData.length) % columnData.length;
+  } else {
+    adjacentColIndex = (thisColIndex + 1) % columnData.length;
+  }
+  const adjacentColUnits = columnData[adjacentColIndex].units;
+  return getMostOverlappingUnit(targetUnit, adjacentColUnits);
+}
+function getMostOverlappingUnit(targetUnit, candidateUnits) {
+  const targetAgeRange = [targetUnit.b_age, targetUnit.t_age];
+  const overlaps = [];
+  for (const candidate of candidateUnits) {
+    const candidateAgeRange = [candidate.b_age, candidate.t_age];
+    const rel = ageRangeQuantifiedDifference(targetAgeRange, candidateAgeRange);
+    if (rel.type === AgeRangeRelationship.Identical) {
+      return candidate;
+    }
+    overlaps.push({ ...rel, unit: candidate });
+  }
+  let bestOverlaps = overlaps.filter(
+    (d) => d.type === AgeRangeRelationship.Containing
+  );
+  bestOverlaps.sort((a, b) => b.overlap - a.overlap);
+  if (bestOverlaps.length > 0) {
+    return bestOverlaps[0].unit;
+  }
+  bestOverlaps = overlaps.filter(
+    (d) => d.type === AgeRangeRelationship.Contained
+  );
+  bestOverlaps.sort((a, b) => b.overlap - a.overlap);
+  if (bestOverlaps.length > 0) {
+    return bestOverlaps[0].unit;
+  }
+  bestOverlaps = overlaps.filter(
+    (d) => d.type === AgeRangeRelationship.PartialOverlap
+  );
+  bestOverlaps.sort((a, b) => b.overlap - a.overlap);
+  if (bestOverlaps.length > 0) {
+    return bestOverlaps[0].unit;
+  }
+  bestOverlaps = overlaps.filter(
+    (d) => d.type === AgeRangeRelationship.Disjoint
+  );
+  bestOverlaps.sort((a, b) => a.distance - b.distance);
+  if (bestOverlaps.length > 0) {
+    return bestOverlaps[0].unit;
+  }
+  return null;
+}
+export {
+  UnitKeyboardNavigation,
+  UnitSelectionCallbackManager,
+  allowUnitSelectionAtom,
+  selectedUnitIDAtom,
+  useAtomOverlayPosition,
+  useColumnRef,
+  useSelectedUnit,
+  useUnitSelectionDispatch,
+  useUnitSelectionTarget
+};
+//# sourceMappingURL=unit-selection.js.map

package/dist/data-provider/unit-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-selection.js","sources":["../../src/data-provider/unit-selection.ts"],"sourcesContent":["import { BaseUnit, UnitLong } from \"@macrostrat/api-types\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport { useEffect, useRef, useCallback, useMemo } from \"react\";\nimport type { RectBounds, IUnit } from \"../units/types\";\nimport { atom } from \"jotai\";\nimport { columnUnitsMapAtom, scope } from \"./core\";\nimport { ColumnData } from \"@macrostrat/column-views\";\nimport {\n  AgeRangeQuantifiedDifference,\n  ageRangeQuantifiedDifference,\n  AgeRangeRelationship,\n} from \"@macrostrat/stratigraphy-utils\";\n\ntype UnitSelectDispatch = (\n  unit: number | BaseUnit | null,\n  target: HTMLElement | null,\n) => void;\n\nexport function useUnitSelectionDispatch(): UnitSelectDispatch {\n  return scope.useSetAtom(selectedUnitAtom);\n}\n\nexport function useSelectedUnit() {\n  return scope.useAtomValue(selectedUnitAtom);\n}\n\nexport interface ColumnClickData {\n  unitID: number | null;\n  unit: BaseUnit | null;\n  target: HTMLElement | null;\n  height: number;\n  // Room for boundary IDs eventually\n}\n\nexport interface UnitSelectionCallbacks {\n  // It's sort of unfortunate that we need to pass in the column ref here\n  onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;\n  onUnitSelected?: <T extends BaseUnit>(\n    unitID: number | null,\n    unit: T | null,\n  ) => void;\n}\n\nexport const allowUnitSelectionAtom = atom<boolean>(true);\n\nexport const selectedUnitIDAtom = atom<number | null>();\n\nconst overlayPositionAtom = atom<RectBounds | null>();\n\nconst columnRefAtom = atom<{ current: HTMLElement | null }>({ current: null });\n\nexport function useColumnRef() {\n  return scope.useAtomValue(columnRefAtom);\n}\n\nconst selectedUnitAtom = atom(\n  (get) => {\n    if (!get(allowUnitSelectionAtom)) return null;\n\n    const unitID = get(selectedUnitIDAtom);\n    if (unitID == null) return null;\n    const unitsMap = get(columnUnitsMapAtom);\n    return unitsMap?.get(unitID) || null;\n  },\n  (\n    get,\n    set,\n    selectedUnit: number | BaseUnit | null,\n    target: HTMLElement | null = null,\n  ): BaseUnit | null => {\n    if (!get(allowUnitSelectionAtom)) {\n      throw new Error(\"Unit selection is disabled.\");\n    }\n\n    let unitID: number | null;\n    let unit: BaseUnit | null = null;\n    if (selectedUnit == null) {\n      unitID = null;\n    } else if (typeof selectedUnit === \"number\") {\n      unitID = selectedUnit;\n    } else if (\"unit_id\" in selectedUnit) {\n      unitID = selectedUnit.unit_id;\n    }\n\n    if (unitID != null) {\n      // Verify that the unit exists in the current colum, else throw\n      const unitsMap = get(columnUnitsMapAtom);\n      if (!unitsMap?.has(unitID)) {\n        throw new Error(\n          `Unit with ID ${unitID} not found in current column units.`,\n        );\n      }\n      unit = unitsMap.get(unitID) ?? null;\n    }\n\n    let overlayPosition: RectBounds | null = null;\n\n    const columnEl = get(columnRefAtom)?.current;\n\n    if (unit != null && columnEl != null && target != null) {\n      const rect = columnEl.getBoundingClientRect();\n      const targetRect = target.getBoundingClientRect();\n      overlayPosition = {\n        x: targetRect.left - rect.left,\n        y: targetRect.top - rect.top,\n        width: targetRect.width,\n        height: targetRect.height,\n      };\n    }\n\n    set(selectedUnitIDAtom, unitID);\n    set(overlayPositionAtom, overlayPosition);\n\n    return unit;\n  },\n);\n\nexport function useAtomOverlayPosition() {\n  return scope.useAtomValue(overlayPositionAtom);\n}\n\nexport function UnitSelectionCallbackManager({\n  onUnitSelected,\n}: UnitSelectionCallbacks) {\n  const selectedUnit = scope.useAtomValue(selectedUnitAtom);\n  useEffect(() => {\n    onUnitSelected?.(selectedUnit?.unit_id ?? null, selectedUnit ?? null);\n  }, [selectedUnit?.unit_id]);\n  return null;\n}\n\n/** TODO: figure out if onClickedColumn is still needed\n /** This is not the natural place to get positions within the column,\n * but it will work for now.\nif (props.onClickedColumn) {\n  // Infer height from top and bottom height of unit (because that's passed back with the call)\n  //const py = event.y;\n  //const [bottom, top] = getUnitHeightRange(unit, axisType);\n  //const height = Math.abs(bottom - top);\n\n  const columnClickData: ColumnClickData = {\n    unitID: unit?.unit_id,\n    unit,\n    target,\n    height: el?.getBoundingClientRect().height || 0,\n  };\n  props.onClickedColumn(columnClickData, event);\n}*/\n\nexport function useUnitSelectionTarget(\n  unit: IUnit,\n): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void] {\n  const ref = useRef<HTMLElement>();\n  const selectedUnit = useSelectedUnit();\n  const selectUnit = useUnitSelectionDispatch();\n  const selected = selectedUnit?.unit_id == unit.unit_id;\n\n  const onClick = useCallback(\n    (evt: Event) => {\n      selectUnit?.(unit, ref.current);\n      evt.stopPropagation();\n    },\n    [unit, selectUnit],\n  );\n\n  useEffect(() => {\n    if (!selected || selectUnit == null) return;\n    // In case we haven't set the position of the unit (if we don't have a target), set the selected unit\n    selectUnit(unit, ref.current);\n\n    // Scroll the unit into view\n    ref.current?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }, [selected, selectUnit]);\n\n  return [ref, selected, onClick];\n}\n\nexport function UnitKeyboardNavigation({\n  columnData,\n  units,\n  allowHorizontalNavigation,\n}: {\n  columnData?: ColumnData[];\n  units?: UnitLong[];\n  allowHorizontalNavigation?: boolean;\n}) {\n  if (units == null && columnData == null) {\n    throw new Error(\"Either units or columnData must be provided.\");\n  }\n\n  let _columnData: ColumnData[] = useMemo(() => {\n    if (columnData != null) return columnData;\n    // Build column data from units\n    const colMap = new Map<number, UnitLong[]>();\n    for (const unit of units!) {\n      if (!colMap.has(unit.col_id)) {\n        colMap.set(unit.col_id, []);\n      }\n      colMap.get(unit.col_id)!.push(unit);\n    }\n    const cols: ColumnData[] = [];\n    for (const [colID, units] of colMap) {\n      cols.push({ columnID: colID, units });\n    }\n    // Sort columns by columnID\n    cols.sort((a, b) => a.columnID - b.columnID);\n    return cols;\n  }, [columnData, units]);\n\n  // Default to allowing horizontal navigation only if columnData is provided\n  const _allowHorizontalNavigation =\n    allowHorizontalNavigation ?? columnData != null;\n\n  const selectedUnit = useSelectedUnit() as UnitLong | null;\n  const selectUnit = useUnitSelectionDispatch();\n\n  const keyMap: Record<number, Direction> = {\n    38: \"up\",\n    40: \"down\",\n  };\n  if (_allowHorizontalNavigation) {\n    keyMap[37] = \"left\";\n    keyMap[39] = \"right\";\n  }\n\n  useKeyHandler(\n    (event) => {\n      const direction = keyMap[event.keyCode];\n      if (direction == null) return;\n      const nextUnit = getBestUnit(_columnData, selectedUnit, direction);\n      if (nextUnit == null) return;\n      selectUnit(nextUnit, null);\n      event.stopPropagation();\n    },\n    [_columnData, selectedUnit],\n  );\n  return null;\n}\n\ntype Direction = \"up\" | \"down\" | \"left\" | \"right\";\n\nfunction getBestUnit(\n  columnData: ColumnData[],\n  targetUnit: UnitLong,\n  direction: Direction,\n): UnitLong | null {\n  const thisColIndex = columnData.findIndex(\n    (col) => col.columnID === targetUnit.col_id,\n  );\n  if (thisColIndex === -1) return null;\n\n  // If up or down, stay in the same column\n  if (direction === \"up\" || direction === \"down\") {\n    const units = columnData[thisColIndex].units;\n    const ix = units.findIndex((unit) => unit.unit_id === targetUnit.unit_id);\n    if (ix === -1) return null;\n    if (direction === \"up\") {\n      return units[ix - 1] || null;\n    } else {\n      return units[ix + 1] || null;\n    }\n  }\n\n  // If left or right, move to adjacent column\n  let adjacentColIndex: number;\n  if (direction === \"left\") {\n    adjacentColIndex =\n      (thisColIndex - 1 + columnData.length) % columnData.length;\n  } else {\n    adjacentColIndex = (thisColIndex + 1) % columnData.length;\n  }\n\n  const adjacentColUnits = columnData[adjacentColIndex].units;\n  return getMostOverlappingUnit(targetUnit, adjacentColUnits);\n}\n\ntype UnitAgeRangeRelationship = AgeRangeQuantifiedDifference & {\n  unit: UnitLong;\n};\n\nfunction getMostOverlappingUnit(\n  targetUnit: UnitLong,\n  candidateUnits: UnitLong[],\n): UnitLong | null {\n  const targetAgeRange = [targetUnit.b_age, targetUnit.t_age];\n\n  const overlaps: UnitAgeRangeRelationship[] = [];\n  for (const candidate of candidateUnits) {\n    const candidateAgeRange = [candidate.b_age, candidate.t_age];\n\n    const rel = ageRangeQuantifiedDifference(targetAgeRange, candidateAgeRange);\n    if (rel.type === AgeRangeRelationship.Identical) {\n      return candidate;\n    }\n    overlaps.push({ ...rel, unit: candidate });\n  }\n\n  let bestOverlaps = overlaps.filter(\n    (d) => d.type === AgeRangeRelationship.Containing,\n  );\n  bestOverlaps.sort((a, b) => b.overlap - a.overlap);\n  if (bestOverlaps.length > 0) {\n    return bestOverlaps[0].unit;\n  }\n\n  bestOverlaps = overlaps.filter(\n    (d) => d.type === AgeRangeRelationship.Contained,\n  );\n  bestOverlaps.sort((a, b) => b.overlap - a.overlap);\n  if (bestOverlaps.length > 0) {\n    return bestOverlaps[0].unit;\n  }\n\n  bestOverlaps = overlaps.filter(\n    (d) => d.type === AgeRangeRelationship.PartialOverlap,\n  );\n  bestOverlaps.sort((a, b) => b.overlap - a.overlap);\n  if (bestOverlaps.length > 0) {\n    return bestOverlaps[0].unit;\n  }\n\n  bestOverlaps = overlaps.filter(\n    (d) => d.type === AgeRangeRelationship.Disjoint,\n  );\n  bestOverlaps.sort((a, b) => a.distance - b.distance);\n  if (bestOverlaps.length > 0) {\n    return bestOverlaps[0].unit;\n  }\n  return null;\n}\n"],"names":["units"],"mappings":"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"}

package/dist/facets/carbon-isotopes/data-area.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const d3Shape = require("d3-shape");
+const React = require("react");
+const h = require("@macrostrat/hyper");
+const columnComponents = require("@macrostrat/column-components");
+const store = require("../../data-provider/store.cjs");
+const inDomain = (scale, num) => {
+  const domain = scale.domain();
+  return domain[0] < num < domain[1];
+};
+const createPointLocator = function(opts) {
+  const { xScale, scale, getHeight, ...rest } = opts;
+  return function(d, s = 0) {
+    const height = getHeight(d);
+    if (!inDomain(scale, height)) return null;
+    return [xScale(d.value), scale(height)];
+  };
+};
+const IsotopesDataContext = React.createContext(null);
+const IsotopesDataArea = function(props) {
+  const xScale = React.useContext(columnComponents.ColumnLayoutContext)?.xScale;
+  const scale = store.useCompositeScale();
+  let { corrected, system, children, getHeight, clipY = false } = props;
+  if (getHeight == null) {
+    getHeight = function(d) {
+      if (d.height == null) {
+        console.log(d);
+      }
+      return d.height;
+    };
+  }
+  const pointLocator = createPointLocator({
+    xScale,
+    scale,
+    corrected,
+    system,
+    getHeight
+  });
+  let column = "avg_" + system;
+  if (corrected) {
+    column += "_corr";
+  }
+  const lineLocator = d3Shape.line().x((d) => xScale(d[column])).y((d) => scale(d.height));
+  const value = { pointLocator, lineLocator, corrected, system, clipY };
+  return h(IsotopesDataContext.Provider, { value }, h("g.data", children));
+};
+const IsotopeDataPoint = function(props) {
+  const { pointLocator } = React.useContext(IsotopesDataContext);
+  const { datum, strokeWidth, ...rest } = props;
+  const loc = pointLocator(datum);
+  if (loc == null) return null;
+  const [cx, cy] = loc;
+  return h("circle", {
+    key: datum.sample_id,
+    cx,
+    cy,
+    r: 2,
+    ...rest
+  });
+};
+exports.IsotopeDataPoint = IsotopeDataPoint;
+exports.IsotopesDataArea = IsotopesDataArea;
+//# sourceMappingURL=data-area.cjs.map

package/dist/facets/carbon-isotopes/data-area.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-area.cjs","sources":["../../../src/facets/carbon-isotopes/data-area.ts"],"sourcesContent":["import { line } from \"d3-shape\";\nimport { createContext, useContext } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { ColumnLayoutContext } from \"@macrostrat/column-components\";\nimport { useCompositeScale } from \"../../data-provider\";\n\nconst inDomain = (scale, num) => {\n  const domain = scale.domain();\n  return domain[0] < num < domain[1];\n};\n\nconst createPointLocator = function (opts) {\n  const { xScale, scale, getHeight, ...rest } = opts;\n  return function (d, s = 0) {\n    const height = getHeight(d);\n    if (!inDomain(scale, height)) return null;\n    return [xScale(d.value), scale(height)];\n  };\n};\n\nconst IsotopesDataContext = createContext(null);\n\nexport interface DataAreaProps {\n  clipY: boolean;\n  parameter: string;\n  corrected: boolean;\n  system: string;\n  children: React.ReactNode;\n  getHeight?: Function;\n}\n\nconst IsotopesDataArea = function (props: DataAreaProps) {\n  const xScale = useContext(ColumnLayoutContext)?.xScale;\n\n  const scale = useCompositeScale();\n\n  let { corrected, system, children, getHeight, clipY = false } = props;\n  if (getHeight == null) {\n    getHeight = function (d) {\n      if (d.height == null) {\n        console.log(d);\n      }\n      return d.height;\n    };\n  }\n\n  // Handlers for creating points and lines\n  const pointLocator = createPointLocator({\n    xScale,\n    scale,\n    corrected,\n    system,\n    getHeight,\n  });\n\n  let column = \"avg_\" + system;\n  if (corrected) {\n    column += \"_corr\";\n  }\n  const lineLocator = line()\n    .x((d) => xScale(d[column]))\n    // @ts-ignore\n    .y((d) => scale(d.height));\n\n  const value = { pointLocator, lineLocator, corrected, system, clipY };\n  return h(IsotopesDataContext.Provider, { value }, h(\"g.data\", children));\n};\n\nconst IsotopeDataPoint = function (props) {\n  const { pointLocator } = useContext(IsotopesDataContext);\n  const { datum, strokeWidth, ...rest } = props;\n  const loc = pointLocator(datum);\n  if (loc == null) return null;\n  const [cx, cy] = loc;\n\n  return h(\"circle\", {\n    key: datum.sample_id,\n    cx,\n    cy,\n    r: 2,\n    ...rest,\n  });\n};\n\nconst IsotopeDataLine = function (props) {\n  const { values: lineValues, ...rest } = props;\n  const { lineLocator } = useContext(IsotopesDataContext);\n  return h(\"path\", {\n    d: lineLocator(lineValues),\n    fill: \"transparent\",\n    ...rest,\n  });\n};\n\nconst useDataLocator = () => useContext(IsotopesDataContext);\n\nexport { IsotopesDataArea, IsotopeDataPoint, IsotopeDataLine, useDataLocator };\n"],"names":["createContext","useContext","ColumnLayoutContext","useCompositeScale","line"],"mappings":";;;;;;;AAMA,MAAM,WAAW,CAAC,OAAO,QAAQ;AAC/B,QAAM,SAAS,MAAM,OAAA;AACrB,SAAO,OAAO,CAAC,IAAI,MAAM,OAAO,CAAC;AACnC;AAEA,MAAM,qBAAqB,SAAU,MAAM;AACzC,QAAM,EAAE,QAAQ,OAAO,WAAW,GAAG,SAAS;AAC9C,SAAO,SAAU,GAAG,IAAI,GAAG;AACzB,UAAM,SAAS,UAAU,CAAC;AAC1B,QAAI,CAAC,SAAS,OAAO,MAAM,EAAG,QAAO;AACrC,WAAO,CAAC,OAAO,EAAE,KAAK,GAAG,MAAM,MAAM,CAAC;AAAA,EACxC;AACF;AAEA,MAAM,sBAAsBA,MAAAA,cAAc,IAAI;AAW9C,MAAM,mBAAmB,SAAU,OAAsB;AACvD,QAAM,SAASC,MAAAA,WAAWC,iBAAAA,mBAAmB,GAAG;AAEhD,QAAM,QAAQC,MAAAA,kBAAA;AAEd,MAAI,EAAE,WAAW,QAAQ,UAAU,WAAW,QAAQ,UAAU;AAChE,MAAI,aAAa,MAAM;AACrB,gBAAY,SAAU,GAAG;AACvB,UAAI,EAAE,UAAU,MAAM;AACpB,gBAAQ,IAAI,CAAC;AAAA,MACf;AACA,aAAO,EAAE;AAAA,IACX;AAAA,EACF;AAGA,QAAM,eAAe,mBAAmB;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,MAAI,SAAS,SAAS;AACtB,MAAI,WAAW;AACb,cAAU;AAAA,EACZ;AACA,QAAM,cAAcC,QAAAA,KAAA,EACjB,EAAE,CAAC,MAAM,OAAO,EAAE,MAAM,CAAC,CAAC,EAE1B,EAAE,CAAC,MAAM,MAAM,EAAE,MAAM,CAAC;AAE3B,QAAM,QAAQ,EAAE,cAAc,aAAa,WAAW,QAAQ,MAAA;AAC9D,SAAO,EAAE,oBAAoB,UAAU,EAAE,SAAS,EAAE,UAAU,QAAQ,CAAC;AACzE;AAEA,MAAM,mBAAmB,SAAU,OAAO;AACxC,QAAM,EAAE,aAAA,IAAiBH,MAAAA,WAAW,mBAAmB;AACvD,QAAM,EAAE,OAAO,aAAa,GAAG,SAAS;AACxC,QAAM,MAAM,aAAa,KAAK;AAC9B,MAAI,OAAO,KAAM,QAAO;AACxB,QAAM,CAAC,IAAI,EAAE,IAAI;AAEjB,SAAO,EAAE,UAAU;AAAA,IACjB,KAAK,MAAM;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,CACJ;AACH;;;"}

package/dist/facets/carbon-isotopes/data-area.d.ts

@@ -0,0 +1,13 @@
+export interface DataAreaProps {
+    clipY: boolean;
+    parameter: string;
+    corrected: boolean;
+    system: string;
+    children: React.ReactNode;
+    getHeight?: Function;
+}
+declare const IsotopesDataArea: (props: DataAreaProps) => import('react').FunctionComponentElement<import('react').ProviderProps<any>>;
+declare const IsotopeDataPoint: (props: any) => import('react').DOMElement<any, Element>;
+declare const IsotopeDataLine: (props: any) => import('react').DOMElement<any, Element>;
+declare const useDataLocator: () => any;
+export { IsotopesDataArea, IsotopeDataPoint, IsotopeDataLine, useDataLocator };

package/dist/facets/carbon-isotopes/data-area.js

@@ -0,0 +1,64 @@
+import { line } from "d3-shape";
+import { useContext, createContext } from "react";
+import h from "@macrostrat/hyper";
+import { ColumnLayoutContext } from "@macrostrat/column-components";
+import { useCompositeScale } from "../../data-provider/store.js";
+const inDomain = (scale, num) => {
+  const domain = scale.domain();
+  return domain[0] < num < domain[1];
+};
+const createPointLocator = function(opts) {
+  const { xScale, scale, getHeight, ...rest } = opts;
+  return function(d, s = 0) {
+    const height = getHeight(d);
+    if (!inDomain(scale, height)) return null;
+    return [xScale(d.value), scale(height)];
+  };
+};
+const IsotopesDataContext = createContext(null);
+const IsotopesDataArea = function(props) {
+  const xScale = useContext(ColumnLayoutContext)?.xScale;
+  const scale = useCompositeScale();
+  let { corrected, system, children, getHeight, clipY = false } = props;
+  if (getHeight == null) {
+    getHeight = function(d) {
+      if (d.height == null) {
+        console.log(d);
+      }
+      return d.height;
+    };
+  }
+  const pointLocator = createPointLocator({
+    xScale,
+    scale,
+    corrected,
+    system,
+    getHeight
+  });
+  let column = "avg_" + system;
+  if (corrected) {
+    column += "_corr";
+  }
+  const lineLocator = line().x((d) => xScale(d[column])).y((d) => scale(d.height));
+  const value = { pointLocator, lineLocator, corrected, system, clipY };
+  return h(IsotopesDataContext.Provider, { value }, h("g.data", children));
+};
+const IsotopeDataPoint = function(props) {
+  const { pointLocator } = useContext(IsotopesDataContext);
+  const { datum, strokeWidth, ...rest } = props;
+  const loc = pointLocator(datum);
+  if (loc == null) return null;
+  const [cx, cy] = loc;
+  return h("circle", {
+    key: datum.sample_id,
+    cx,
+    cy,
+    r: 2,
+    ...rest
+  });
+};
+export {
+  IsotopeDataPoint,
+  IsotopesDataArea
+};
+//# sourceMappingURL=data-area.js.map

package/dist/facets/carbon-isotopes/data-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-area.js","sources":["../../../src/facets/carbon-isotopes/data-area.ts"],"sourcesContent":["import { line } from \"d3-shape\";\nimport { createContext, useContext } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { ColumnLayoutContext } from \"@macrostrat/column-components\";\nimport { useCompositeScale } from \"../../data-provider\";\n\nconst inDomain = (scale, num) => {\n  const domain = scale.domain();\n  return domain[0] < num < domain[1];\n};\n\nconst createPointLocator = function (opts) {\n  const { xScale, scale, getHeight, ...rest } = opts;\n  return function (d, s = 0) {\n    const height = getHeight(d);\n    if (!inDomain(scale, height)) return null;\n    return [xScale(d.value), scale(height)];\n  };\n};\n\nconst IsotopesDataContext = createContext(null);\n\nexport interface DataAreaProps {\n  clipY: boolean;\n  parameter: string;\n  corrected: boolean;\n  system: string;\n  children: React.ReactNode;\n  getHeight?: Function;\n}\n\nconst IsotopesDataArea = function (props: DataAreaProps) {\n  const xScale = useContext(ColumnLayoutContext)?.xScale;\n\n  const scale = useCompositeScale();\n\n  let { corrected, system, children, getHeight, clipY = false } = props;\n  if (getHeight == null) {\n    getHeight = function (d) {\n      if (d.height == null) {\n        console.log(d);\n      }\n      return d.height;\n    };\n  }\n\n  // Handlers for creating points and lines\n  const pointLocator = createPointLocator({\n    xScale,\n    scale,\n    corrected,\n    system,\n    getHeight,\n  });\n\n  let column = \"avg_\" + system;\n  if (corrected) {\n    column += \"_corr\";\n  }\n  const lineLocator = line()\n    .x((d) => xScale(d[column]))\n    // @ts-ignore\n    .y((d) => scale(d.height));\n\n  const value = { pointLocator, lineLocator, corrected, system, clipY };\n  return h(IsotopesDataContext.Provider, { value }, h(\"g.data\", children));\n};\n\nconst IsotopeDataPoint = function (props) {\n  const { pointLocator } = useContext(IsotopesDataContext);\n  const { datum, strokeWidth, ...rest } = props;\n  const loc = pointLocator(datum);\n  if (loc == null) return null;\n  const [cx, cy] = loc;\n\n  return h(\"circle\", {\n    key: datum.sample_id,\n    cx,\n    cy,\n    r: 2,\n    ...rest,\n  });\n};\n\nconst IsotopeDataLine = function (props) {\n  const { values: lineValues, ...rest } = props;\n  const { lineLocator } = useContext(IsotopesDataContext);\n  return h(\"path\", {\n    d: lineLocator(lineValues),\n    fill: \"transparent\",\n    ...rest,\n  });\n};\n\nconst useDataLocator = () => useContext(IsotopesDataContext);\n\nexport { IsotopesDataArea, IsotopeDataPoint, IsotopeDataLine, useDataLocator };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,WAAW,CAAC,OAAO,QAAQ;AAC/B,QAAM,SAAS,MAAM,OAAA;AACrB,SAAO,OAAO,CAAC,IAAI,MAAM,OAAO,CAAC;AACnC;AAEA,MAAM,qBAAqB,SAAU,MAAM;AACzC,QAAM,EAAE,QAAQ,OAAO,WAAW,GAAG,SAAS;AAC9C,SAAO,SAAU,GAAG,IAAI,GAAG;AACzB,UAAM,SAAS,UAAU,CAAC;AAC1B,QAAI,CAAC,SAAS,OAAO,MAAM,EAAG,QAAO;AACrC,WAAO,CAAC,OAAO,EAAE,KAAK,GAAG,MAAM,MAAM,CAAC;AAAA,EACxC;AACF;AAEA,MAAM,sBAAsB,cAAc,IAAI;AAW9C,MAAM,mBAAmB,SAAU,OAAsB;AACvD,QAAM,SAAS,WAAW,mBAAmB,GAAG;AAEhD,QAAM,QAAQ,kBAAA;AAEd,MAAI,EAAE,WAAW,QAAQ,UAAU,WAAW,QAAQ,UAAU;AAChE,MAAI,aAAa,MAAM;AACrB,gBAAY,SAAU,GAAG;AACvB,UAAI,EAAE,UAAU,MAAM;AACpB,gBAAQ,IAAI,CAAC;AAAA,MACf;AACA,aAAO,EAAE;AAAA,IACX;AAAA,EACF;AAGA,QAAM,eAAe,mBAAmB;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,MAAI,SAAS,SAAS;AACtB,MAAI,WAAW;AACb,cAAU;AAAA,EACZ;AACA,QAAM,cAAc,KAAA,EACjB,EAAE,CAAC,MAAM,OAAO,EAAE,MAAM,CAAC,CAAC,EAE1B,EAAE,CAAC,MAAM,MAAM,EAAE,MAAM,CAAC;AAE3B,QAAM,QAAQ,EAAE,cAAc,aAAa,WAAW,QAAQ,MAAA;AAC9D,SAAO,EAAE,oBAAoB,UAAU,EAAE,SAAS,EAAE,UAAU,QAAQ,CAAC;AACzE;AAEA,MAAM,mBAAmB,SAAU,OAAO;AACxC,QAAM,EAAE,aAAA,IAAiB,WAAW,mBAAmB;AACvD,QAAM,EAAE,OAAO,aAAa,GAAG,SAAS;AACxC,QAAM,MAAM,aAAa,KAAK;AAC9B,MAAI,OAAO,KAAM,QAAO;AACxB,QAAM,CAAC,IAAI,EAAE,IAAI;AAEjB,SAAO,EAAE,UAAU;AAAA,IACjB,KAAK,MAAM;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,CACJ;AACH;"}

package/dist/facets/carbon-isotopes/data-provider.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h = require("@macrostrat/hyper");
+const React = require("react");
+const uiComponents = require("@macrostrat/ui-components");
+const MeasurementDataContext = React.createContext(null);
+function MeasurementDataProvider(props) {
+  const { children, ...params } = props;
+  const res = uiComponents.useAPIResult("/measurements", {
+    ...params,
+    show_values: true,
+    response: "long"
+  });
+  return h(MeasurementDataContext.Provider, { value: res, children });
+}
+const useMeasurementData = () => React.useContext(MeasurementDataContext);
+exports.MeasurementDataContext = MeasurementDataContext;
+exports.MeasurementDataProvider = MeasurementDataProvider;
+exports.useMeasurementData = useMeasurementData;
+//# sourceMappingURL=data-provider.cjs.map

package/dist/facets/carbon-isotopes/data-provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-provider.cjs","sources":["../../../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":["createContext","useAPIResult","useContext"],"mappings":";;;;;AAIA,MAAM,yBAAyBA,MAAAA,cAAc,IAAI;AAE1C,SAAS,wBAAwB,OAAO;AAC7C,QAAM,EAAE,UAAU,GAAG,OAAA,IAAW;AAChC,QAAM,MAAMC,aAAAA,aAAa,iBAAiB;AAAA,IACxC,GAAG;AAAA,IACH,aAAa;AAAA,IACb,UAAU;AAAA,EAAA,CACX;AACD,SAAO,EAAE,uBAAuB,UAAU,EAAE,OAAO,KAAK,UAAU;AACpE;AAEA,MAAM,qBAAqB,MAAMC,MAAAA,WAAW,sBAAsB;;;;"}

package/dist/facets/carbon-isotopes/data-provider.d.ts

@@ -0,0 +1,4 @@
+declare const MeasurementDataContext: import('react').Context<any>;
+export declare function MeasurementDataProvider(props: any): import('react').FunctionComponentElement<import('react').ProviderProps<any>>;
+declare const useMeasurementData: () => any;
+export { useMeasurementData, MeasurementDataContext };

package/dist/facets/carbon-isotopes/data-provider.js

@@ -0,0 +1,20 @@
+import h from "@macrostrat/hyper";
+import { createContext, useContext } from "react";
+import { useAPIResult } from "@macrostrat/ui-components";
+const MeasurementDataContext = createContext(null);
+function MeasurementDataProvider(props) {
+  const { children, ...params } = props;
+  const res = useAPIResult("/measurements", {
+    ...params,
+    show_values: true,
+    response: "long"
+  });
+  return h(MeasurementDataContext.Provider, { value: res, children });
+}
+const useMeasurementData = () => useContext(MeasurementDataContext);
+export {
+  MeasurementDataContext,
+  MeasurementDataProvider,
+  useMeasurementData
+};
+//# sourceMappingURL=data-provider.js.map

package/dist/facets/carbon-isotopes/data-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-provider.js","sources":["../../../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":[],"mappings":";;;AAIA,MAAM,yBAAyB,cAAc,IAAI;AAE1C,SAAS,wBAAwB,OAAO;AAC7C,QAAM,EAAE,UAAU,GAAG,OAAA,IAAW;AAChC,QAAM,MAAM,aAAa,iBAAiB;AAAA,IACxC,GAAG;AAAA,IACH,aAAa;AAAA,IACb,UAAU;AAAA,EAAA,CACX;AACD,SAAO,EAAE,uBAAuB,UAAU,EAAE,OAAO,KAAK,UAAU;AACpE;AAEA,MAAM,qBAAqB,MAAM,WAAW,sBAAsB;"}

package/dist/facets/carbon-isotopes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './isotopes-column';
+export * from './data-provider';

package/dist/facets/carbon-isotopes/isotopes-column.cjs

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const h$1 = require("@macrostrat/hyper");
+const classNames = require("classnames");
+const axis = require("@visx/axis");
+const dataProvider = require("./data-provider.cjs");
+const dataArea = require("./data-area.cjs");
+const stratigraphyUtils = require("@macrostrat/stratigraphy-utils");
+const columnComponents = require("@macrostrat/column-components");
+const isotopesColumn_module = require("./isotopes-column.module.sass.cjs");
+const d3Scale = require("d3-scale");
+const store = require("../../data-provider/store.cjs");
+const h = h$1.styled(isotopesColumn_module.default);
+function ScaleLine(props) {
+  let { value, className, labelBottom, labelOffset, ...rest } = props;
+  const { sections } = store.useMacrostratColumnData();
+  const { xScale } = columnComponents.useColumnLayout();
+  const x = xScale(value);
+  const transform = `translate(${x})`;
+  className = classNames(className, { zero: value === 0 });
+  return h("g.tick", { transform, className, key: value }, [
+    h(
+      "g.tick-lines",
+      sections.map((d) => {
+        const { scaleInfo } = d;
+        const y1 = scaleInfo.offset;
+        const y2 = y1 + scaleInfo.pixelHeight;
+        return h("line", {
+          y1,
+          y2,
+          strokeDasharray: props.strokeDasharray,
+          strokeWidth: 1
+        });
+      })
+    )
+  ]);
+}
+function unnestPoints(measures) {
+  let points = [];
+  for (const meas of measures) {
+    const vals = meas.measure_value.map((d, i) => {
+      return {
+        value: d,
+        age: meas.measure_age[i],
+        position: meas.measure_position[i],
+        unit_id: meas.unit_id,
+        sample_id: meas.sample_no[i],
+        measurement: meas.measurement
+      };
+    });
+    Array.prototype.push.apply(points, vals);
+  }
+  return points;
+}
+function IsotopesDataset(props) {
+  const { parameter, color = "dodgerblue" } = props;
+  const units = store.useMacrostratUnits();
+  const measures = dataProvider.useMeasurementData() ?? [];
+  const points = React.useMemo(() => {
+    const data = measures.filter((d) => d.measurement === parameter);
+    const refMeasures = stratigraphyUtils.referenceMeasuresToColumn(units, data);
+    return unnestPoints(refMeasures);
+  }, [measures, parameter, units]);
+  return h(
+    dataArea.IsotopesDataArea,
+    {
+      getHeight(d) {
+        return d.age;
+      }
+    },
+    h(
+      "g.data-points",
+      points.map((d) => {
+        return h(dataArea.IsotopeDataPoint, {
+          datum: d,
+          fill: color
+        });
+      })
+    )
+  );
+}
+function IsotopesColumn(props) {
+  const {
+    width = 120,
+    domain = [-14, 6],
+    parameter,
+    label,
+    color = "dodgerblue",
+    children = null,
+    transform,
+    getHeight,
+    showAxis = true,
+    tickValues: _tickVals,
+    nTicks = 6,
+    ...rest
+  } = props;
+  const { totalHeight } = store.useMacrostratColumnData();
+  let _children = children;
+  if (children == null && parameter != null) {
+    _children = h(IsotopesDataset, { parameter, color, getHeight });
+  }
+  const xScale = React.useMemo(
+    () => d3Scale.scaleLinear().domain(domain).range([0, width]),
+    [domain, width]
+  );
+  const tickValues = _tickVals ?? xScale.ticks(nTicks);
+  return h("div.isotopes-column", [
+    h(
+      columnComponents.SVG,
+      {
+        height: totalHeight,
+        innerWidth: width,
+        paddingH: 15
+      },
+      h(
+        columnComponents.ColumnLayoutProvider,
+        { width, xScale },
+        h("g.isotopes-column", { className: parameter, transform }, [
+          h(ColumnScaleLines, {
+            xScale,
+            tickValues,
+            width,
+            ...rest
+          }),
+          _children
+        ])
+      )
+    ),
+    h.if(showAxis)(ColumnScaleAxis, {
+      width,
+      label: label ?? parameter,
+      xScale,
+      tickValues,
+      ...rest
+    })
+  ]);
+}
+function ColumnScaleAxis(props) {
+  const { label, xScale, width, showAxis = true, tickValues, ...rest } = props;
+  return h("div.isotopes-scale-axis", [
+    h(
+      columnComponents.SVG,
+      {
+        innerWidth: width,
+        height: 45,
+        paddingH: 15
+      },
+      [
+        h(axis.AxisBottom, {
+          scale: xScale,
+          tickLength: 5,
+          tickValues,
+          stroke: "var(--column-stroke-color)",
+          tickStroke: "var(--column-stroke-color)",
+          ...rest,
+          label
+        })
+      ]
+    )
+  ]);
+}
+function ColumnScaleLines(props) {
+  const { tickValues, xScale } = props;
+  return h(
+    "g.scale-lines",
+    tickValues.map((value) => {
+      return h(ScaleLine, { value });
+    })
+  );
+}
+exports.IsotopesColumn = IsotopesColumn;
+exports.IsotopesDataset = IsotopesDataset;
+//# sourceMappingURL=isotopes-column.cjs.map