@macrostrat/column-views 2.1.4 → 2.2.1

package/dist/esm/{column-views.75ea6dbe.js → column-views.382c486d.js}

@@ -1,7 +1,7 @@
 import "./column-views.16cc7a58.css";
 import $bBNCV$columnviewsedf77621js from "./column-views.edf77621.js";
-import {useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.64a84c43.js";
-import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557} from "./column-views.cc5244c4.js";
+import {useSelectedUnit as $61771df184788970$export$f0dd93f90aa8e5da, useUnitSelectionStore as $61771df184788970$export$b220b1d3591dc9e5} from "./column-views.a3fabf0f.js";
+import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557} from "./column-views.8284c3a9.js";
 import $bBNCV$macrostrathyper from "@macrostrat/hyper";
 import {Popover as $bBNCV$Popover} from "@blueprintjs/core";
 
@@ -43,8 +43,9 @@ function $a9bcb536274d1bf9$var$InteractionBarrier({ children: children }) {
     }, children);
 }
 function $a9bcb536274d1bf9$export$db1115efab13710d() {
-    const unit = (0, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da)();
-    const position = (0, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5)((state)=>state.overlayPosition);
+    const unit = (0, $61771df184788970$export$f0dd93f90aa8e5da)();
+    const selectUnit = (0, $61771df184788970$export$b220b1d3591dc9e5)((state)=>state.onUnitSelected);
+    const position = (0, $61771df184788970$export$b220b1d3591dc9e5)((state)=>state.overlayPosition);
     if (unit == null) return null;
     return $a9bcb536274d1bf9$var$h("div.unit-popover-container", $a9bcb536274d1bf9$var$h($a9bcb536274d1bf9$export$6716aecc2c9afbe2, {
         style: {
@@ -57,10 +58,14 @@ function $a9bcb536274d1bf9$export$db1115efab13710d() {
     }, $a9bcb536274d1bf9$var$h((0, $448b24baeef3b229$export$fbd245232df17557), {
         unit: unit,
         showLithologyProportions: true,
-        className: "legend-panel"
+        className: "legend-panel",
+        onSelectUnit: (id)=>{
+            console.log("Selected unit in popover:", id);
+            selectUnit(id, null, null);
+        }
     })));
 }
 
 
 export {$a9bcb536274d1bf9$export$6716aecc2c9afbe2 as UnitDetailsPopover, $a9bcb536274d1bf9$export$db1115efab13710d as UnitSelectionPopover};
-//# sourceMappingURL=column-views.75ea6dbe.js.map
+//# sourceMappingURL=column-views.382c486d.js.map

package/dist/esm/column-views.382c486d.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAMA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAErB,SAAS,0CAAmB,SACjC,KAAK,YACL,QAAQ,mBACR,kBAAkB,IAKnB;IACC,MAAM,UAAU,wBAAE,0CAAoB;IAEtC,OAAO,wBACL,oBACA;eACE;IACF,GACA,wBACE,CAAA,GAAA,cAAM,GACN,aAAa;IACb;iBACE;QACA,QAAQ;QACR,WAAW;QACX,UAAU;QACV,WAAW;YACT,iBAAiB;gBAAE,SAAS;oBAAE,SAAS;gBAAgB;YAAE;QAC3D;IACF,GACA,wBAAE;AAGR;AAEA,SAAS,yCAAmB,YAAE,QAAQ,EAAE;IACtC,OAAO,wBACL,OACA;QACE,SAAQ,CAAC;YACP,yCAAyC;YACzC,EAAE,eAAe;QACnB;IACF,GACA;AAEJ;AAEO,SAAS;IACd,MAAM,OAAO,CAAA,GAAA,yCAAc;IAC3B,MAAM,aAAa,CAAA,GAAA,yCAAoB,EAAE,CAAC,QAAU,MAAM,cAAc;IACxE,MAAM,WAAW,CAAA,GAAA,yCAAoB,EAAE,CAAC,QAAU,MAAM,eAAe;IACvE,IAAI,QAAQ,MACV,OAAO;IAGT,OAAO,wBACL,8BACA,wBACE,2CACA;QACE,OAAO;YACL,UAAU;YACV,KAAK,UAAU,KAAK;YACpB,OAAO,UAAU,SAAS;YAC1B,MAAM,UAAU,KAAK;YACrB,QAAQ,UAAU,UAAU;QAC9B;IACF,GACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;cAClB;QACA,0BAA0B;QAC1B,WAAW;QACX,cAAc,CAAC;YACb,QAAQ,GAAG,CAAC,6BAA6B;YACzC,WAAW,IAAI,MAAM;QACvB;IACF;AAGN","sources":["packages/column-views/src/unit-details/popover.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { Popover } from \"@blueprintjs/core\";\nimport styles from \"./popover.module.sass\";\nimport { useSelectedUnit, useUnitSelectionStore } from \"../data-provider\";\nimport { UnitDetailsPanel } from \"./panel\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPopover({\n  style,\n  children,\n  viewportPadding = 20,\n}: {\n  style: object;\n  viewportPadding?: number;\n  children: React.ReactNode;\n}) {\n  const content = h(InteractionBarrier, children);\n\n  return h(\n    \"div.popover-main\",\n    {\n      style,\n    },\n    h(\n      Popover,\n      // @ts-ignore\n      {\n        content,\n        isOpen: true,\n        usePortal: false,\n        position: \"right\",\n        modifiers: {\n          preventOverflow: { options: { padding: viewportPadding } },\n        },\n      },\n      h(\"span.popover-target\"),\n    ),\n  );\n}\n\nfunction InteractionBarrier({ children }) {\n  return h(\n    \"div\",\n    {\n      onClick(e) {\n        // Stop events from leaking to the parent\n        e.stopPropagation();\n      },\n    },\n    children,\n  );\n}\n\nexport function UnitSelectionPopover() {\n  const unit = useSelectedUnit();\n  const selectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const position = useUnitSelectionStore((state) => state.overlayPosition);\n  if (unit == null) {\n    return null;\n  }\n\n  return h(\n    \"div.unit-popover-container\",\n    h(\n      UnitDetailsPopover,\n      {\n        style: {\n          position: \"absolute\",\n          top: position?.y ?? 0,\n          width: position?.width ?? 100,\n          left: position?.x ?? 0,\n          height: position?.height ?? 100,\n        },\n      },\n      h(UnitDetailsPanel, {\n        unit,\n        showLithologyProportions: true,\n        className: \"legend-panel\",\n        onSelectUnit: (id: number) => {\n          console.log(\"Selected unit in popover:\", id);\n          selectUnit(id, null, null);\n        },\n      }),\n    ),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.382c486d.js.map"}

package/dist/esm/column-views.3a7179c4.js

@@ -0,0 +1,137 @@
+import {getSectionAgeRange as $663a0cdd08b02256$export$8093438ec3e4c6fd, getSectionPosRange as $663a0cdd08b02256$export$483b05c497fd70c6, groupUnitsIntoSectionsByOverlap as $663a0cdd08b02256$export$bb26cdbde9c8c08b, groupUnitsIntoSectionsBySectionID as $663a0cdd08b02256$export$eeade20e3eee4638, mergeOverlappingSections as $663a0cdd08b02256$export$e7bb744b9be37f3d, preprocessSectionUnit as $663a0cdd08b02256$export$47e05aac3f0b77d4, preprocessUnits as $663a0cdd08b02256$export$55543e159517d62d} from "./column-views.aecf25bc.js";
+import {collapseUnconformitiesByPixelHeight as $728f6cf6c12cd490$export$edbf01b435c75274, computeSectionHeights as $728f6cf6c12cd490$export$7d3f3129a1a4b84e, finalizeSectionHeights as $728f6cf6c12cd490$export$67442a0f5bef147b} from "./column-views.073c42da.js";
+import {MergeSectionsMode as $b6657fba8924a702$export$e1644389ce074058, agesOverlap as $b6657fba8924a702$export$d92a67740c050efb, unitsOverlap as $b6657fba8924a702$export$f1a15f539858307, getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a, createUnitSorter as $b6657fba8924a702$export$ab14c04795685c55, ensureArray as $b6657fba8924a702$export$d0c8ecbd4ed8940c, ensureRealFloat as $b6657fba8924a702$export$97de5b0a6b4e4dac} from "./column-views.54f8b909.js";
+import {HybridScaleType as $1254c5929638d7f9$export$45e8e2d7a1794c23, HeightMethod as $1254c5929638d7f9$export$e40aae6f0de9bb95} from "./column-views.079119f4.js";
+import {ColumnAxisType as $iaXiN$ColumnAxisType} from "@macrostrat/column-components";
+import {useMemo as $iaXiN$useMemo} from "react";
+
+
+
+
+
+
+
+function $76e92a964ee11b97$export$206a0cb85295e433(data, options) {
+    /** This function wraps and memoizes all preparation steps for converting
+   * an array of units from the /units route to a form ready for usage.
+   */ return (0, $iaXiN$useMemo)(()=>{
+        return $76e92a964ee11b97$export$be8c5a449df4bde4(data, options);
+    }, [
+        data,
+        ...Object.values(options)
+    ]);
+}
+function $76e92a964ee11b97$export$be8c5a449df4bde4(units, options) {
+    /** Prepare units for rendering into Macrostrat columns */ let { t_age: t_age, b_age: b_age, t_pos: t_pos, b_pos: b_pos } = options;
+    const { mergeSections: mergeSections = (0, $b6657fba8924a702$export$e1644389ce074058).OVERLAPPING, axisType: axisType, unconformityHeight: unconformityHeight, collapseSmallUnconformities: collapseSmallUnconformities = false, hybridScale: hybridScale, scale: scale } = options;
+    if (scale != null) {
+        // Set t_age and b_age based on scale domain if not already set
+        const domain = scale.domain();
+        if (axisType == (0, $iaXiN$ColumnAxisType).AGE) {
+            if (t_age == null) t_age = Math.min(...domain);
+            if (b_age == null) b_age = Math.max(...domain);
+        } else {
+            if (t_pos == null) t_pos = Math.min(...domain);
+            if (b_pos == null) b_pos = Math.max(...domain);
+        }
+    }
+    // Start by ensuring that ages and positions are numbers
+    // also set up some values for eODP-style columns
+    let units1 = units.map((0, $663a0cdd08b02256$export$47e05aac3f0b77d4));
+    /** Prototype filtering to age range */ units1 = units1.filter((d)=>{
+        // Filter units by t_age and b_age, inclusive
+        if (axisType == (0, $iaXiN$ColumnAxisType).AGE) return (0, $b6657fba8924a702$export$d92a67740c050efb)(d, {
+            t_age: t_age,
+            b_age: b_age
+        });
+        else return (0, $b6657fba8924a702$export$f1a15f539858307)(d, {
+            t_pos: t_pos,
+            b_pos: b_pos
+        }, axisType);
+    });
+    let mergeMode = mergeSections;
+    // if (axisType != ColumnAxisType.AGE) {
+    //   // For non-age columns, we always merge sections.
+    //   // This is because the "groupUnitsIntoSections" function is not well-defined
+    //   // for non-age columns.
+    //   mergeMode = MergeSectionsMode.ALL;
+    // }
+    let sections0;
+    if (mergeMode == (0, $b6657fba8924a702$export$e1644389ce074058).ALL) {
+        // For the "merge sections" mode, we need to create a single section
+        const [b_unit_pos, t_unit_pos] = (0, $663a0cdd08b02256$export$483b05c497fd70c6)(units1, axisType);
+        const [b_unit_age, t_unit_age] = (0, $663a0cdd08b02256$export$8093438ec3e4c6fd)(units1);
+        sections0 = [
+            {
+                section_id: 0,
+                /**
+         * If ages limits are directly specified, use them to define the section bounds.
+         * */ t_pos: t_unit_pos,
+                b_pos: b_unit_pos,
+                t_age: t_unit_age,
+                b_age: b_unit_age,
+                units: units1
+            }
+        ];
+    } else if (axisType == (0, $iaXiN$ColumnAxisType).AGE) sections0 = (0, $663a0cdd08b02256$export$eeade20e3eee4638)(units1, axisType);
+    else sections0 = (0, $663a0cdd08b02256$export$bb26cdbde9c8c08b)(units1, axisType);
+    // Limit sections to the range specified by t_age/b_age or t_pos/b_pos global options
+    for (let section of sections0){
+        if (axisType == (0, $iaXiN$ColumnAxisType).AGE) {
+            section.t_age = Math.max(section.t_age, t_age ?? -Infinity);
+            section.b_age = Math.min(section.b_age, b_age ?? Infinity);
+        } else if (axisType == (0, $iaXiN$ColumnAxisType).DEPTH) {
+            section.t_pos = Math.max(section.t_pos, t_pos ?? -Infinity);
+            section.b_pos = Math.min(section.b_pos, b_pos ?? Infinity);
+        } else if (axisType == (0, $iaXiN$ColumnAxisType).HEIGHT) {
+            section.t_pos = Math.max(section.t_pos, t_pos ?? -Infinity);
+            section.b_pos = Math.min(section.b_pos, b_pos ?? Infinity);
+        }
+    }
+    /** Merging overlapping sections really only makes sense for age/height/depth
+   * columns. Ordinal columns are numbered by section so merging them
+   * results in collisions.
+   */ let sections = sections0;
+    if (mergeSections == (0, $b6657fba8924a702$export$e1644389ce074058).OVERLAPPING && axisType == (0, $iaXiN$ColumnAxisType).AGE) sections = (0, $663a0cdd08b02256$export$e7bb744b9be37f3d)(sections);
+    // Filter out undefined sections just in case
+    sections = sections.filter((d)=>d != null);
+    // SCALES
+    /* Compute pixel scales etc. for sections
+   * We need to do this now to determine which unconformities
+   * are small enough to collapse.
+   */ let sectionsWithScales = (0, $728f6cf6c12cd490$export$7d3f3129a1a4b84e)(sections, options);
+    if (collapseSmallUnconformities && hybridScale == null) {
+        // Collapse small unconformities in pixel height space
+        // TODO: this doesn't seem to work properly for non-age columns?
+        let threshold = unconformityHeight ?? 30;
+        if (typeof collapseSmallUnconformities == "number") threshold = collapseSmallUnconformities;
+        sectionsWithScales = (0, $728f6cf6c12cd490$export$edbf01b435c75274)(sectionsWithScales, threshold, options);
+    }
+    /** Prepare section scale information using groups */ let { totalHeight: totalHeight, sections: sections2 } = (0, $728f6cf6c12cd490$export$67442a0f5bef147b)(sectionsWithScales, unconformityHeight);
+    /** For each section, find units that are overlapping.
+   * We do this after merging sections so that we can
+   * handle cases where there are overlapping units across sections
+   * */ const sectionsOut = sections2.map((section)=>{
+        return {
+            ...section,
+            units: (0, $663a0cdd08b02256$export$55543e159517d62d)(section, axisType)
+        };
+    });
+    /** Reconstitute the units so that they are sorted by section and properly enhanced.
+   * This is mostly important so that unit keyboard navigation
+   * predictably selects adjacent units.
+   */ const units2 = sectionsOut.reduce((acc, group)=>{
+        const { units: units } = group;
+        for (const unit of units)acc.push(unit);
+        return acc;
+    }, []);
+    return {
+        units: units2,
+        totalHeight: totalHeight,
+        sections: sectionsOut
+    };
+}
+
+
+export {$76e92a964ee11b97$export$206a0cb85295e433 as usePreparedColumnUnits, $76e92a964ee11b97$export$be8c5a449df4bde4 as prepareColumnUnits, $663a0cdd08b02256$export$55543e159517d62d as preprocessUnits, $b6657fba8924a702$export$e1644389ce074058 as MergeSectionsMode, $b6657fba8924a702$export$f1a15f539858307 as unitsOverlap, $b6657fba8924a702$export$70e712e2ac0237a as getUnitHeightRange, $b6657fba8924a702$export$d92a67740c050efb as agesOverlap, $b6657fba8924a702$export$ab14c04795685c55 as createUnitSorter, $b6657fba8924a702$export$d0c8ecbd4ed8940c as ensureArray, $b6657fba8924a702$export$97de5b0a6b4e4dac as ensureRealFloat, $1254c5929638d7f9$export$45e8e2d7a1794c23 as HybridScaleType, $1254c5929638d7f9$export$e40aae6f0de9bb95 as HeightMethod};
+//# sourceMappingURL=column-views.3a7179c4.js.map

package/dist/esm/column-views.3a7179c4.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/prepare-units/index.ts"],"sourcesContent":["import {\n  getSectionAgeRange,\n  getSectionPosRange,\n  groupUnitsIntoSectionsByOverlap,\n  groupUnitsIntoSectionsBySectionID,\n  mergeOverlappingSections,\n  preprocessSectionUnit,\n  preprocessUnits,\n} from \"./helpers\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { useMemo } from \"react\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport {\n  collapseUnconformitiesByPixelHeight,\n  computeSectionHeights,\n  finalizeSectionHeights,\n} from \"./composite-scale\";\nimport {\n  agesOverlap,\n  MergeSectionsMode,\n  PrepareColumnOptions,\n  PreparedColumnData,\n  unitsOverlap,\n} from \"./utils\";\nimport { SectionInfo } from \"./types\";\n\nexport * from \"./utils\";\nexport * from \"./types\";\nexport { preprocessUnits };\n\nexport function usePreparedColumnUnits(\n  data: UnitLong[],\n  options: PrepareColumnOptions,\n): PreparedColumnData {\n  /** This function wraps and memoizes all preparation steps for converting\n   * an array of units from the /units route to a form ready for usage.\n   */\n  return useMemo(() => {\n    return prepareColumnUnits(data, options);\n  }, [data, ...Object.values(options)]);\n}\n\nexport function prepareColumnUnits(\n  units: UnitLong[],\n  options: PrepareColumnOptions,\n): PreparedColumnData {\n  /** Prepare units for rendering into Macrostrat columns */\n\n  let { t_age, b_age, t_pos, b_pos } = options;\n\n  const {\n    mergeSections = MergeSectionsMode.OVERLAPPING,\n    axisType,\n    unconformityHeight,\n    collapseSmallUnconformities = false,\n    hybridScale,\n    scale,\n  } = options;\n\n  if (scale != null) {\n    // Set t_age and b_age based on scale domain if not already set\n    const domain = scale.domain();\n    if (axisType == ColumnAxisType.AGE) {\n      if (t_age == null) t_age = Math.min(...domain);\n      if (b_age == null) b_age = Math.max(...domain);\n    } else {\n      if (t_pos == null) t_pos = Math.min(...domain);\n      if (b_pos == null) b_pos = Math.max(...domain);\n    }\n  }\n\n  // Start by ensuring that ages and positions are numbers\n  // also set up some values for eODP-style columns\n  let units1 = units.map(preprocessSectionUnit);\n\n  /** Prototype filtering to age range */\n  units1 = units1.filter((d) => {\n    // Filter units by t_age and b_age, inclusive\n    if (axisType == ColumnAxisType.AGE) {\n      return agesOverlap(d, { t_age, b_age });\n    } else {\n      return unitsOverlap(d, { t_pos, b_pos } as any, axisType);\n    }\n  });\n\n  let mergeMode = mergeSections;\n  // if (axisType != ColumnAxisType.AGE) {\n  //   // For non-age columns, we always merge sections.\n  //   // This is because the \"groupUnitsIntoSections\" function is not well-defined\n  //   // for non-age columns.\n  //   mergeMode = MergeSectionsMode.ALL;\n  // }\n\n  let sections0: SectionInfo<UnitLong>[];\n  if (mergeMode == MergeSectionsMode.ALL) {\n    // For the \"merge sections\" mode, we need to create a single section\n    const [b_unit_pos, t_unit_pos] = getSectionPosRange(units1, axisType);\n    const [b_unit_age, t_unit_age] = getSectionAgeRange(units1);\n    sections0 = [\n      {\n        section_id: 0,\n        /**\n         * If ages limits are directly specified, use them to define the section bounds.\n         * */\n        t_pos: t_unit_pos,\n        b_pos: b_unit_pos,\n        t_age: t_unit_age,\n        b_age: b_unit_age,\n        units: units1,\n      },\n    ];\n  } else if (axisType == ColumnAxisType.AGE) {\n    sections0 = groupUnitsIntoSectionsBySectionID(units1, axisType);\n  } else {\n    sections0 = groupUnitsIntoSectionsByOverlap(units1, axisType);\n  }\n\n  // Limit sections to the range specified by t_age/b_age or t_pos/b_pos global options\n  for (let section of sections0) {\n    if (axisType == ColumnAxisType.AGE) {\n      section.t_age = Math.max(section.t_age, t_age ?? -Infinity);\n      section.b_age = Math.min(section.b_age, b_age ?? Infinity);\n    } else if (axisType == ColumnAxisType.DEPTH) {\n      section.t_pos = Math.max(section.t_pos, t_pos ?? -Infinity);\n      section.b_pos = Math.min(section.b_pos, b_pos ?? Infinity);\n    } else if (axisType == ColumnAxisType.HEIGHT) {\n      section.t_pos = Math.max(section.t_pos, t_pos ?? -Infinity);\n      section.b_pos = Math.min(section.b_pos, b_pos ?? Infinity);\n    }\n  }\n\n  /** Merging overlapping sections really only makes sense for age/height/depth\n   * columns. Ordinal columns are numbered by section so merging them\n   * results in collisions.\n   */\n  let sections = sections0;\n  if (\n    mergeSections == MergeSectionsMode.OVERLAPPING &&\n    axisType == ColumnAxisType.AGE\n  ) {\n    sections = mergeOverlappingSections(sections);\n  }\n  // Filter out undefined sections just in case\n  sections = sections.filter((d) => d != null);\n\n  // SCALES\n\n  /* Compute pixel scales etc. for sections\n   * We need to do this now to determine which unconformities\n   * are small enough to collapse.\n   */\n  let sectionsWithScales = computeSectionHeights(sections, options);\n\n  if (collapseSmallUnconformities && hybridScale == null) {\n    // Collapse small unconformities in pixel height space\n    // TODO: this doesn't seem to work properly for non-age columns?\n    let threshold = unconformityHeight ?? 30;\n    if (typeof collapseSmallUnconformities == \"number\") {\n      threshold = collapseSmallUnconformities;\n    }\n\n    sectionsWithScales = collapseUnconformitiesByPixelHeight(\n      sectionsWithScales,\n      threshold,\n      options,\n    );\n  }\n\n  /** Prepare section scale information using groups */\n  let { totalHeight, sections: sections2 } = finalizeSectionHeights(\n    sectionsWithScales,\n    unconformityHeight,\n  );\n\n  /** For each section, find units that are overlapping.\n   * We do this after merging sections so that we can\n   * handle cases where there are overlapping units across sections\n   * */\n  const sectionsOut = sections2.map((section) => {\n    return {\n      ...section,\n      units: preprocessUnits(section, axisType),\n    };\n  });\n\n  /** Reconstitute the units so that they are sorted by section and properly enhanced.\n   * This is mostly important so that unit keyboard navigation\n   * predictably selects adjacent units.\n   */\n  const units2 = sectionsOut.reduce((acc, group) => {\n    const { units } = group;\n    for (const unit of units) {\n      acc.push(unit);\n    }\n    return acc;\n  }, []);\n\n  return {\n    units: units2,\n    totalHeight,\n    sections: sectionsOut,\n  };\n}\n"],"names":[],"version":3,"file":"column-views.3a7179c4.js.map"}

package/dist/esm/{column-views.8e3dec90.js → column-views.413217dc.js}

@@ -1,4 +1,4 @@
-import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd} from "./column-views.7ca9e1cd.js";
+import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd} from "./column-views.2eceafb5.js";
 import {create as $i7Wch$create, useStore as $i7Wch$useStore} from "zustand";
 import {lineIntersect as $i7Wch$lineIntersect} from "@turf/line-intersect";
 import $i7Wch$turfdistance from "@turf/distance";
@@ -115,4 +115,4 @@ function $74e211dc185c20b4$var$sorted(data, accessor) {
 
 
 export {$74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore};
-//# sourceMappingURL=column-views.8e3dec90.js.map
+//# sourceMappingURL=column-views.413217dc.js.map

package/dist/esm/column-views.413217dc.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/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\";\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          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  return 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\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":[],"version":3,"file":"column-views.413217dc.js.map"}

package/dist/esm/column-views.418f948f.js

@@ -0,0 +1,15 @@
+import {PBDBFossilsColumn as $b9286605a04210d4$export$554267114407ef68, PBDBOccurrencesMatrix as $b9286605a04210d4$export$652730986cccff7a, FossilDataType as $a3ff7da576c02df0$export$a990c76b38782f57} from "./column-views.abeab9aa.js";
+import {DetritalColumn as $715dd5fedd79146a$export$f176396e104db8d5, DetritalGroup as $715dd5fedd79146a$export$1b3047373cd1c8c7} from "./column-views.748dce47.js";
+import {IsotopesDataset as $d71d096cfe00860f$export$c69bd0285aa5d775, IsotopesColumn as $d71d096cfe00860f$export$5d8aa8022c284748, MeasurementDataContext as $5dbb619f2c7bef60$export$c644ef985ce7a4c4, MeasurementDataProvider as $5dbb619f2c7bef60$export$5f01d5b342a89841, useMeasurementData as $5dbb619f2c7bef60$export$8a0335fd9ff72150} from "./column-views.60365cdb.js";
+import {SGPMeasurementsColumn as $6ff130029901daab$export$c49cf57576706bab} from "./column-views.e17f00d3.js";
+import {BaseMeasurementsColumn as $c6d9d48b3424a44c$export$ce5c4f2fdf4e644d, TruncatedList as $c6d9d48b3424a44c$export$653e47a7a0da0f0d} from "./column-views.faacfc3c.js";
+
+
+
+
+
+
+
+
+export {$b9286605a04210d4$export$554267114407ef68 as PBDBFossilsColumn, $b9286605a04210d4$export$652730986cccff7a as PBDBOccurrencesMatrix, $a3ff7da576c02df0$export$a990c76b38782f57 as FossilDataType, $715dd5fedd79146a$export$f176396e104db8d5 as DetritalColumn, $715dd5fedd79146a$export$1b3047373cd1c8c7 as DetritalGroup, $d71d096cfe00860f$export$c69bd0285aa5d775 as IsotopesDataset, $d71d096cfe00860f$export$5d8aa8022c284748 as IsotopesColumn, $5dbb619f2c7bef60$export$c644ef985ce7a4c4 as MeasurementDataContext, $5dbb619f2c7bef60$export$5f01d5b342a89841 as MeasurementDataProvider, $5dbb619f2c7bef60$export$8a0335fd9ff72150 as useMeasurementData, $6ff130029901daab$export$c49cf57576706bab as SGPMeasurementsColumn, $c6d9d48b3424a44c$export$ce5c4f2fdf4e644d as BaseMeasurementsColumn, $c6d9d48b3424a44c$export$653e47a7a0da0f0d as TruncatedList};
+//# sourceMappingURL=column-views.418f948f.js.map

package/dist/esm/{column-views.38a305a0.js.map → column-views.418f948f.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/facets/index.ts"],"sourcesContent":["export * from \"./fossils\";\nexport * from \"./detrital-zircon\";\nexport * from \"./carbon-isotopes\";\nexport * from \"./measurements\";\n"],"names":[],"version":3,"file":"column-views.38a305a0.js.map"}
+{"mappings":"","sources":["packages/column-views/src/facets/index.ts"],"sourcesContent":["export * from \"./fossils\";\nexport * from \"./detrital-zircon\";\nexport * from \"./carbon-isotopes\";\nexport * from \"./measurements\";\nexport * from \"./base-sample-column\";\n"],"names":[],"version":3,"file":"column-views.418f948f.js.map"}

package/dist/esm/{column-views.4d22c21c.js → column-views.41e5f0dc.js}

@@ -1,6 +1,7 @@
 import "./column-views.e40b8bfb.css";
 import $3vk6I$columnviews3465c8adjs from "./column-views.3465c8ad.js";
-import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.1e055ed5.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.4ed90896.js";
+import {buildColumnSurfaces as $90d6b105908858a7$export$151c207e6887154c} from "./column-views.70164236.js";
 import $3vk6I$macrostrathyper from "@macrostrat/hyper";
 import {useAPIResult as $3vk6I$useAPIResult} from "@macrostrat/ui-components";
 
@@ -33,11 +34,12 @@ function $parcel$interopDefault(a) {
 
 
 
+
 const $1a65c216af27346a$var$h = (0, $3vk6I$macrostrathyper).styled((0, ($parcel$interopDefault($3vk6I$columnviews3465c8adjs))));
 function $1a65c216af27346a$export$1d1ebe9df97e8db() {
     const col_id = (0, $d5074f164411387e$export$6fb40844db555b2)()?.[0]?.col_id;
     const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
-    const ageModel = (0, $3vk6I$useAPIResult)("https://macrostrat.org/api/v2/age_model", {
+    const ageModel = (0, $3vk6I$useAPIResult)("https://dev.macrostrat.org/api/v2/age_model", {
         col_id: col_id
     }, (res)=>res.success.data);
     if (ageModel == null) return null;
@@ -51,7 +53,23 @@ function $1a65c216af27346a$export$1d1ebe9df97e8db() {
         });
     }));
 }
+function $1a65c216af27346a$export$ddca1abd3171ec6f() {
+    /** Overlay showing age surfaces. This is like the boundary age model overlay but
+   * it is computed on the fly from unit tops and bottoms.
+   */ const units = (0, $d5074f164411387e$export$6fb40844db555b2)();
+    const surfaces = (0, $90d6b105908858a7$export$151c207e6887154c)(units);
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    return $1a65c216af27346a$var$h("div.boundary-age-model", surfaces.map((surface)=>{
+        const height = scale(surface.age);
+        return $1a65c216af27346a$var$h("div.boundary-age-model-surface", {
+            key: surface.index,
+            style: {
+                top: `${height}px`
+            }
+        });
+    }));
+}
 
 
-export {$1a65c216af27346a$export$1d1ebe9df97e8db as BoundaryAgeModelOverlay};
-//# sourceMappingURL=column-views.4d22c21c.js.map
+export {$1a65c216af27346a$export$1d1ebe9df97e8db as BoundaryAgeModelOverlay, $1a65c216af27346a$export$ddca1abd3171ec6f as ComputedSurfacesOverlay};
+//# sourceMappingURL=column-views.41e5f0dc.js.map

package/dist/esm/column-views.41e5f0dc.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;;AAOH,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAoBrB,SAAS;IACd,MAAM,SAAS,CAAA,GAAA,wCAAiB,KAAK,CAAC,EAAE,EAAE;IAC1C,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,MAAM,WAAW,CAAA,GAAA,mBAAW,EAC1B,+CACA;gBAAE;IAAO,GACT,CAAC,MAAQ,IAAI,OAAO,CAAC,IAAI;IAG3B,IAAI,YAAY,MACd,OAAO;IAGT,OAAO,wBACL,0BACA,SAAS,GAAG,CAAC,CAAC;QACZ,MAAM,SAAS,MAAM,QAAQ,SAAS;QAEtC,OAAO,wBAAE,kCAAkC;YACzC,KAAK,QAAQ,WAAW;YACxB,OAAO;gBAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAAC;QAC9B;IACF;AAEJ;AAEO,SAAS;IACd;;GAEC,GACD,MAAM,QAAQ,CAAA,GAAA,wCAAiB;IAC/B,MAAM,WAAW,CAAA,GAAA,yCAAkB,EAAE;IACrC,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,OAAO,wBACL,0BACA,SAAS,GAAG,CAAC,CAAC;QACZ,MAAM,SAAS,MAAM,QAAQ,GAAG;QAChC,OAAO,wBAAE,kCAAkC;YACzC,KAAK,QAAQ,KAAK;YAClB,OAAO;gBAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAAC;QAC9B;IACF;AAEJ","sources":["packages/column-views/src/age-model-overlay.ts"],"sourcesContent":["/** An in-development overlay for a column's age model.\n *\n * Age model info:\n *       {\n *         \"boundary_id\": 8049,\n *         \"col_id\": 432,\n *         \"section_id\": 3104,\n *         \"interval_id\": 268,\n *         \"interval_name\": \"Calymmian\",\n *         \"age_bottom\": 1600,\n *         \"age_top\": 1400,\n *         \"rel_position\": 0.85,\n *         \"model_age\": 1430,\n *         \"boundary_status\": \"absolute\",\n *         \"boundary_type\": \"\",\n *         \"boundary_position\": null,\n *         \"unit_below\": 11541,\n *         \"unit_above\": 0,\n *         \"ref_id\": 217\n *       },\n *\n * */\n\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./age-model-overlay.module.sass\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { useCompositeScale, useMacrostratUnits } from \"./data-provider\";\nimport { buildColumnSurfaces } from \"./prepare-units/dynamic-scales\";\nconst h = hyper.styled(styles);\n\ninterface AgeModelSurface {\n  boundary_id: number;\n  col_id: number;\n  section_id: number;\n  interval_id: number;\n  interval_name: string;\n  age_bottom: number;\n  age_top: number;\n  rel_position: number;\n  model_age: number;\n  boundary_status: \"absolute\" | \"relative\" | \"modeled\";\n  boundary_type: string;\n  boundary_position: null | number;\n  unit_below: number;\n  unit_above: number;\n  ref_id: number;\n}\n\nexport function BoundaryAgeModelOverlay() {\n  const col_id = useMacrostratUnits()?.[0]?.col_id;\n  const scale = useCompositeScale();\n\n  const ageModel = useAPIResult(\n    \"https://dev.macrostrat.org/api/v2/age_model\",\n    { col_id },\n    (res) => res.success.data,\n  );\n\n  if (ageModel == null) {\n    return null;\n  }\n\n  return h(\n    \"div.boundary-age-model\",\n    ageModel.map((surface) => {\n      const height = scale(surface.model_age);\n\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.boundary_id,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n\nexport function ComputedSurfacesOverlay() {\n  /** Overlay showing age surfaces. This is like the boundary age model overlay but\n   * it is computed on the fly from unit tops and bottoms.\n   */\n  const units = useMacrostratUnits();\n  const surfaces = buildColumnSurfaces(units);\n  const scale = useCompositeScale();\n\n  return h(\n    \"div.boundary-age-model\",\n    surfaces.map((surface) => {\n      const height = scale(surface.age);\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.index,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.41e5f0dc.js.map"}

package/dist/esm/{column-views.676cb1d3.js → column-views.469a4952.js}

@@ -1,9 +1,9 @@
-import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49} from "./column-views.78bd3f09.js";
-import {ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.8e3dec90.js";
+import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49} from "./column-views.f0b0fc56.js";
+import {ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.413217dc.js";
 
 
 
 
 
 export {$dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap, $74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore};
-//# sourceMappingURL=column-views.676cb1d3.js.map
+//# sourceMappingURL=column-views.469a4952.js.map

package/dist/esm/{column-views.676cb1d3.js.map → column-views.469a4952.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/maps/column-correlation/index.ts"],"sourcesContent":["export * from \"./core\";\nexport * from \"./state\";\n"],"names":[],"version":3,"file":"column-views.676cb1d3.js.map"}
+{"mappings":"","sources":["packages/column-views/src/maps/column-correlation/index.ts"],"sourcesContent":["export * from \"./core\";\nexport * from \"./state\";\n"],"names":[],"version":3,"file":"column-views.469a4952.js.map"}

package/dist/esm/column-views.4ed90896.js

@@ -0,0 +1,105 @@
+import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.073c42da.js";
+import {createContext as $a90Ta$createContext, useMemo as $a90Ta$useMemo, useContext as $a90Ta$useContext} from "react";
+import $a90Ta$macrostrathyper from "@macrostrat/hyper";
+import {createIsolation as $a90Ta$createIsolation} from "jotai-scope";
+import {atom as $a90Ta$atom} from "jotai";
+
+
+
+
+
+
+const { Provider: $d5074f164411387e$var$Provider, useAtom: $d5074f164411387e$var$useAtom, useAtomValue: $d5074f164411387e$var$useAtomValue, useStore: $d5074f164411387e$var$useStore } = (0, $a90Ta$createIsolation)();
+const $d5074f164411387e$var$columnUnitsAtom = (0, $a90Ta$atom)();
+const $d5074f164411387e$var$columnUnitsMapAtom = (0, $a90Ta$atom)((get)=>{
+    const units = get($d5074f164411387e$var$columnUnitsAtom);
+    if (!units) return null;
+    const unitMap = new Map();
+    units.forEach((unit)=>{
+        unitMap.set(unit.unit_id, unit);
+    });
+    return unitMap;
+});
+function $d5074f164411387e$var$ScopedProvider({ children: children, ...rest }) {
+    // Always use the same store instance in this tree
+    let val = null;
+    try {
+        val = $d5074f164411387e$var$useStore();
+    } catch  {
+        // No store found, create a new one
+        val = null;
+    }
+    return (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$Provider, {
+        store: val,
+        ...rest
+    }, children);
+}
+function $d5074f164411387e$export$ef5395089200109b({ children: children, units: units }) {
+    /** Top-level provider for Macrostrat column data.
+   * It is either provided by the Column component itself, or
+   * can be hoisted higher in the tree to provide a common data context
+   */ return (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$ScopedProvider, {
+        initialValues: [
+            [
+                $d5074f164411387e$var$columnUnitsAtom,
+                units
+            ]
+        ]
+    }, children);
+}
+const $d5074f164411387e$var$MacrostratColumnDataContext = (0, $a90Ta$createContext)(null);
+function $d5074f164411387e$export$7fec7bd80ff9c10e({ children: children, units: units, sections: sections, totalHeight: totalHeight, axisType: axisType }) {
+    /** Internal provider for Macrostrat column data.
+   * As a general rule, we want to provide data and column-axis
+   * height calculations through the context, since these need to
+   * be accessed by any component that lays out information on the
+   * column.
+   *
+   * Cross-axis layout and view configuration (e.g., showing and hiding
+   * of different components or labels) should be handled through passing
+   * props to the components themselves.
+   * */ const value = (0, $a90Ta$useMemo)(()=>{
+        // For now, change ordinal axis types to age axis types
+        return {
+            units: units,
+            sections: sections,
+            totalHeight: totalHeight,
+            axisType: axisType
+        };
+    }, [
+        units,
+        sections,
+        totalHeight,
+        axisType
+    ]);
+    return (0, $a90Ta$macrostrathyper)($d5074f164411387e$export$ef5395089200109b, {
+        units: units
+    }, (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$MacrostratColumnDataContext.Provider, {
+        value: value
+    }, children));
+}
+function $d5074f164411387e$export$f8509b7cce386c7d() {
+    const ctx = (0, $a90Ta$useContext)($d5074f164411387e$var$MacrostratColumnDataContext);
+    if (!ctx) throw new Error("useMacrostratColumnData must be used within a MacrostratColumnDataProvider");
+    return ctx;
+}
+function $d5074f164411387e$export$6fb40844db555b2() {
+    return $d5074f164411387e$var$useAtomValue($d5074f164411387e$var$columnUnitsAtom);
+}
+function $d5074f164411387e$export$7513be0cfd10d9cc() {
+    try {
+        return $d5074f164411387e$var$useAtomValue($d5074f164411387e$var$columnUnitsMapAtom);
+    } catch  {
+        return null;
+    }
+}
+function $d5074f164411387e$export$a7fc62995ec4f76() {
+    const ctx = $d5074f164411387e$export$f8509b7cce386c7d();
+    return (0, $a90Ta$useMemo)(()=>(0, $728f6cf6c12cd490$export$3ada7641926a616d)(ctx.sections, true), [
+        ctx.sections
+    ]);
+}
+
+
+export {$d5074f164411387e$export$ef5395089200109b as MacrostratColumnStateProvider, $d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$7513be0cfd10d9cc as useColumnUnitsMap, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
+//# sourceMappingURL=column-views.4ed90896.js.map

package/dist/esm/column-views.4ed90896.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAaA,MAAM,YAAE,8BAAQ,WAAE,6BAAO,gBAAE,kCAAY,YAAE,8BAAQ,EAAE,GAAG,CAAA,GAAA,sBAAc;AAOpE,MAAM,wCAAkB,CAAA,GAAA,WAAG;AAE3B,MAAM,2CAAqB,CAAA,GAAA,WAAG,EAA+B,CAAC;IAC5D,MAAM,QAAQ,IAAI;IAClB,IAAI,CAAC,OAAO,OAAO;IACnB,MAAM,UAAU,IAAI;IACpB,MAAM,OAAO,CAAC,CAAC;QACb,QAAQ,GAAG,CAAC,KAAK,OAAO,EAAE;IAC5B;IACA,OAAO;AACT;AAEA,SAAS,qCAAe,YAAE,QAAQ,EAAE,GAAG,MAAqB;IAC1D,kDAAkD;IAClD,IAAI,MAAM;IACV,IAAI;QACF,MAAM;IACR,EAAE,OAAM;QACN,mCAAmC;QACnC,MAAM;IACR;IACA,OAAO,CAAA,GAAA,sBAAA,EAAE,gCAAU;QAAE,OAAO;QAAK,GAAG,IAAI;IAAC,GAAG;AAC9C;AAEO,SAAS,0CAA8B,YAC5C,QAAQ,SACR,KAAK,EAIN;IACC;;;GAGC,GACD,OAAO,CAAA,GAAA,sBAAA,EACL,sCACA;QACE,eAAe;YAAC;gBAAC;gBAAiB;aAAM;SAAC;IAC3C,GACA;AAEJ;AASA,MAAM,oDACJ,CAAA,GAAA,oBAAY,EAA+B;AAEtC,SAAS,0CAA6B,YAC3C,QAAQ,SACR,KAAK,YACL,QAAQ,eACR,WAAW,YACX,QAAQ,EAC8C;IACtD;;;;;;;;;KASG,GAEH,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,uDAAuD;QACvD,OAAO;mBACL;sBACA;yBACA;sBACA;QACF;IACF,GAAG;QAAC;QAAO;QAAU;QAAa;KAAS;IAE3C,OAAO,CAAA,GAAA,sBAAA,EACL,2CACA;eAAE;IAAM,GACR,CAAA,GAAA,sBAAA,EAAE,kDAA4B,QAAQ,EAAE;eAAE;IAAM,GAAG;AAEvD;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO;AACT;AAEO,SAAS;IACd,OAAO,mCAAa;AACtB;AAEO,SAAS;IACd,IAAI;QACF,OAAO,mCAAa;IACtB,EAAE,OAAM;QACN,OAAO;IACT;AACF;AAEO,SAAS;IACd,MAAM,MAAM;IACZ,OAAO,CAAA,GAAA,cAAM,EACX,IAAM,CAAA,GAAA,yCAAmB,EAAE,IAAI,QAAQ,EAAE,OACzC;QAAC,IAAI,QAAQ;KAAC;AAElB","sources":["packages/column-views/src/data-provider/store.ts"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  CompositeColumnScale,\n  createCompositeScale,\n} from \"../prepare-units/composite-scale\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport type { ExtUnit, PackageLayoutData } from \"../prepare-units\";\n// An isolated jotai store for Macrostrat column usage\n// TODO: there might be a better way to do this using the MacrostratDataProvider or similar\nimport { createIsolation } from \"jotai-scope\";\nimport { atom, type WritableAtom } from \"jotai\";\n\nconst { Provider, useAtom, useAtomValue, useStore } = createIsolation();\n\ntype ProviderProps = {\n  children: ReactNode;\n  initialValues?: Iterable<[WritableAtom<any, any, any>, any]>;\n};\n\nconst columnUnitsAtom = atom<ExtUnit[]>();\n\nconst columnUnitsMapAtom = atom<Map<number, ExtUnit> | null>((get) => {\n  const units = get(columnUnitsAtom);\n  if (!units) return null;\n  const unitMap = new Map<number, ExtUnit>();\n  units.forEach((unit) => {\n    unitMap.set(unit.unit_id, unit);\n  });\n  return unitMap;\n});\n\nfunction ScopedProvider({ children, ...rest }: ProviderProps) {\n  // Always use the same store instance in this tree\n  let val = null;\n  try {\n    val = useStore();\n  } catch {\n    // No store found, create a new one\n    val = null;\n  }\n  return h(Provider, { store: val, ...rest }, children);\n}\n\nexport function MacrostratColumnStateProvider({\n  children,\n  units,\n}: {\n  children: ReactNode;\n  units: ExtUnit[];\n}) {\n  /** Top-level provider for Macrostrat column data.\n   * It is either provided by the Column component itself, or\n   * can be hoisted higher in the tree to provide a common data context\n   */\n  return h(\n    ScopedProvider,\n    {\n      initialValues: [[columnUnitsAtom, units]],\n    },\n    children,\n  );\n}\n\nexport interface MacrostratColumnDataContext {\n  units: ExtUnit[];\n  sections: PackageLayoutData[];\n  totalHeight?: number;\n  axisType?: ColumnAxisType;\n}\n\nconst MacrostratColumnDataContext =\n  createContext<MacrostratColumnDataContext>(null);\n\nexport function MacrostratColumnDataProvider({\n  children,\n  units,\n  sections,\n  totalHeight,\n  axisType,\n}: MacrostratColumnDataContext & { children: ReactNode }) {\n  /** Internal provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */\n\n  const value = useMemo(() => {\n    // For now, change ordinal axis types to age axis types\n    return {\n      units,\n      sections,\n      totalHeight,\n      axisType,\n    };\n  }, [units, sections, totalHeight, axisType]);\n\n  return h(\n    MacrostratColumnStateProvider,\n    { units },\n    h(MacrostratColumnDataContext.Provider, { value }, children),\n  );\n}\n\nexport function useMacrostratColumnData() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\",\n    );\n  }\n  return ctx;\n}\n\nexport function useMacrostratUnits() {\n  return useAtomValue(columnUnitsAtom);\n}\n\nexport function useColumnUnitsMap(): Map<number, ExtUnit> | null {\n  try {\n    return useAtomValue(columnUnitsMapAtom);\n  } catch {\n    return null;\n  }\n}\n\nexport function useCompositeScale(): CompositeColumnScale {\n  const ctx = useMacrostratColumnData();\n  return useMemo(\n    () => createCompositeScale(ctx.sections, true),\n    [ctx.sections],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.4ed90896.js.map"}

package/dist/esm/{column-views.547b2730.js → column-views.53722d0a.js}

@@ -1,13 +1,13 @@
-import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./column-views.a6301a41.js";
-import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.64a84c43.js";
-import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.75ea6dbe.js";
+import {UnitKeyboardNavigation as $61771df184788970$export$70f5ee19650fc7d1, UnitSelectionProvider as $61771df184788970$export$f19d75b1d4b676a4, useUnitSelectionStore as $61771df184788970$export$b220b1d3591dc9e5} from "./column-views.a3fabf0f.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.382c486d.js";
 import "./column-views.338a7a83.css";
 import $2d5zd$columnviews6a954628js from "./column-views.6a954628.js";
-import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./column-views.77b49a43.js";
-import {buildCorrelationChartData as $2c6a8e6a98a077ae$export$7f21dc14b8199dc0, findLaterallyExtensiveUnits as $2c6a8e6a98a077ae$export$cc5d9b95e199a6de, splitStratIntoBoxes as $2c6a8e6a98a077ae$export$3e71a3125322d04b} from "./column-views.f08929e2.js";
-import {CompositeAgeAxisCore as $43794af7643cdf40$export$ac30ca3cf5df959d} from "./column-views.02f3732a.js";
-import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.f20eb583.js";
-import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column-views.42b89c52.js";
+import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./column-views.0265cf7f.js";
+import {buildCorrelationChartData as $2c6a8e6a98a077ae$export$7f21dc14b8199dc0, findLaterallyExtensiveUnits as $2c6a8e6a98a077ae$export$cc5d9b95e199a6de, splitStratIntoBoxes as $2c6a8e6a98a077ae$export$3e71a3125322d04b} from "./column-views.88d63dd0.js";
+import {CompositeAgeAxisCore as $43794af7643cdf40$export$ac30ca3cf5df959d} from "./column-views.adec2e4c.js";
+import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./column-views.df34441c.js";
+import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.81bddbee.js";
+import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column-views.29a551f6.js";
 import $2d5zd$macrostrathyper from "@macrostrat/hyper";
 import {useMemo as $2d5zd$useMemo, useRef as $2d5zd$useRef} from "react";
 import {useInDarkMode as $2d5zd$useInDarkMode} from "@macrostrat/ui-components";
@@ -31,6 +31,7 @@ function $parcel$interopDefault(a) {
 
 
 
+
 const $ed7dc56184962590$var$h = (0, $2d5zd$macrostrathyper).styled((0, ($parcel$interopDefault($2d5zd$columnviews6a954628js))));
 function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing: columnSpacing = 0, columnWidth: columnWidth = 130, unconformityLabels: unconformityLabels = true, showUnitPopover: showUnitPopover = true, selectedUnit: selectedUnit, onUnitSelected: onUnitSelected, unitComponent: unitComponent, ...scaleProps }) {
     const defaultScaleProps = {
@@ -65,7 +66,7 @@ function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing:
     const mainWidth = (columnWidth + columnSpacing) * nColumns;
     return $ed7dc56184962590$var$h((0, $2118f0266dc7e955$export$2194471aa3d52446), {
         className: "correlation-diagram"
-    }, $ed7dc56184962590$var$h((0, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4), {
+    }, $ed7dc56184962590$var$h((0, $61771df184788970$export$f19d75b1d4b676a4), {
         columnRef: columnRef,
         selectedUnit: selectedUnit,
         onUnitSelected: onUnitSelected,
@@ -85,7 +86,7 @@ function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing:
                 height: scaleInfo.totalHeight,
                 paddingH: 4
             }, packages.map((pkg, i)=>{
-                const { offset: offset, domain: domain, pixelScale: pixelScale, key: key } = scaleInfo.packages[i];
+                const { offset: offset, domain: domain, pixelScale: pixelScale, scale: scale, key: key } = scaleInfo.packages[i];
                 return $ed7dc56184962590$var$h($ed7dc56184962590$var$Package, {
                     columnData: pkg.columnData,
                     key: key,
@@ -94,18 +95,19 @@ function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing:
                     offset: offset,
                     domain: domain,
                     pixelScale: pixelScale,
+                    scale: scale,
                     unitComponent: unitComponent
                 });
             })),
             $ed7dc56184962590$var$h.if(showUnitPopover)((0, $a9bcb536274d1bf9$export$db1115efab13710d)),
             // Navigation only works within a column for now...
-            $ed7dc56184962590$var$h((0, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1), {
+            $ed7dc56184962590$var$h((0, $61771df184788970$export$70f5ee19650fc7d1), {
                 units: units
             })
         ])
     ])));
 }
-function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, unitComponent: unitComponent, offset: offset, domain: domain, pixelScale: pixelScale }) {
+function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, unitComponent: unitComponent, offset: offset, domain: domain, pixelScale: pixelScale, scale: scale }) {
     return $ed7dc56184962590$var$h("g.package", {
         transform: `translate(0 ${offset})`
     }, [
@@ -120,6 +122,7 @@ function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing:
                     key: i,
                     domain: domain,
                     pixelScale: pixelScale,
+                    scale: scale,
                     offsetLeft: i * (columnWidth + columnSpacing)
                 });
             })
@@ -127,7 +130,7 @@ function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing:
     ]);
 }
 function $ed7dc56184962590$var$Column(props) {
-    const { units: units, width: width = 150, offsetLeft: offsetLeft, domain: domain, pixelScale: pixelScale, unitComponent: unitComponent = (0, $4c8184c4a7317749$export$6012fd1584b5d0c0) } = props;
+    const { units: units, width: width = 150, offsetLeft: offsetLeft, domain: domain, pixelScale: pixelScale, scale: scale, unitComponent: unitComponent = (0, $4c8184c4a7317749$export$6012fd1584b5d0c0) } = props;
     const columnWidth = width;
     if (units.length == 0) return null;
     return $ed7dc56184962590$var$h("g.section", {
@@ -136,6 +139,7 @@ function $ed7dc56184962590$var$Column(props) {
         // Need to tighten up types here...
         divisions: units,
         range: domain,
+        scale: scale,
         pixelsPerMeter: pixelScale,
         axisType: (0, $2d5zd$ColumnAxisType).AGE
     }, $ed7dc56184962590$var$h((0, $d254716a820e9c85$export$5d1cdfabe8dc8085), {
@@ -199,7 +203,7 @@ function $ed7dc56184962590$var$StratColSpan({ data: data, scale: scale, columnWi
     }, strat_name_long);
 }
 function $ed7dc56184962590$var$ChartArea({ children: children }) {
-    const setSelectedUnit = (0, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5)((state)=>state.setSelectedUnit);
+    const setSelectedUnit = (0, $61771df184788970$export$b220b1d3591dc9e5)((state)=>state.setSelectedUnit);
     return $ed7dc56184962590$var$h("div.correlation-chart-inner", {
         onClick () {
             setSelectedUnit(null);
@@ -221,4 +225,4 @@ function $ed7dc56184962590$var$TimescaleColumn(props) {
 
 
 export {$ed7dc56184962590$export$9ebf875c09445bec as CorrelationChart};
-//# sourceMappingURL=column-views.547b2730.js.map
+//# sourceMappingURL=column-views.53722d0a.js.map

package/dist/esm/column-views.53722d0a.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/correlation-chart/main.ts"],"sourcesContent":["/** Correlation chart */\nimport {\n  UnitSelectionProvider,\n  UnitKeyboardNavigation,\n  useUnitSelectionStore,\n} from \"../data-provider\";\nimport { UnitSelectionPopover } from \"../unit-details\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useMemo, useRef } from \"react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { CompositeTimescaleCore } from \"../section\";\nimport classNames from \"classnames\";\nimport {\n  findLaterallyExtensiveUnits,\n  splitStratIntoBoxes,\n  UnitGroupBox,\n  CorrelationChartSettings,\n  buildCorrelationChartData,\n} from \"./prepare-data\";\nimport {\n  CompositeAgeAxisCore,\n  CompositeStratigraphicScaleInfo,\n} from \"../age-axis\";\nimport {\n  ColumnAxisType,\n  ColumnProvider,\n  SVG,\n} from \"@macrostrat/column-components\";\nimport { ColoredUnitComponent } from \"../units\";\nimport { UnitBoxes } from \"../units/boxes\";\nimport { ColumnContainer } from \"../column\";\nimport { ColumnData } from \"../data-provider\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { ScaleContinuousNumeric } from \"d3-scale\";\nimport { ExtUnit } from \"../prepare-units/types\";\n\nconst h = hyper.styled(styles);\n\nexport interface CorrelationChartProps extends CorrelationChartSettings {\n  data: ColumnData[];\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  unconformityLabels?: boolean;\n  selectedUnit?: number | null;\n  showUnitPopover?: boolean;\n  unitComponent?: any;\n  onUnitSelected?: (unitID: number | null, unit: BaseUnit | null) => void;\n}\n\nexport function CorrelationChart({\n  data,\n  columnSpacing = 0,\n  columnWidth = 130,\n  unconformityLabels = true,\n  showUnitPopover = true,\n  selectedUnit,\n  onUnitSelected,\n  unitComponent,\n  ...scaleProps\n}: CorrelationChartProps) {\n  const defaultScaleProps = {\n    targetUnitHeight: 10,\n    unconformityHeight: 60,\n    minSectionHeight: 60,\n    collapseSmallUnconformities: true,\n  };\n\n  const chartData = useMemo(() => {\n    if (!data) return null;\n    return buildCorrelationChartData(data, {\n      ...defaultScaleProps,\n      ...scaleProps,\n    });\n  }, [data, ...Object.values(scaleProps)]);\n\n  const columnRef = useRef(null);\n\n  // A flattened units array is used to support keyboard navigation\n  const units = useMemo(() => {\n    return data?.map((d0) => d0.units).flat() ?? [];\n  }, [data]);\n\n  const inDarkMode = useInDarkMode();\n\n  const className = classNames({\n    \"dark-mode\": inDarkMode,\n  });\n\n  if (chartData == null) {\n    return null;\n  }\n\n  const { packages, scaleInfo, nColumns } = chartData;\n\n  const mainWidth = (columnWidth + columnSpacing) * nColumns;\n\n  return h(\n    ColumnContainer,\n    { className: \"correlation-diagram\" },\n    h(\n      UnitSelectionProvider,\n      { columnRef, selectedUnit, onUnitSelected, units },\n      h(ChartArea, [\n        h(TimescaleColumn, {\n          key: \"timescale\",\n          scaleInfo,\n          unconformityLabels,\n        }),\n        h(\"div.main-chart\", { ref: columnRef }, [\n          h(\n            SVG,\n            {\n              className,\n              innerWidth: mainWidth,\n              height: scaleInfo.totalHeight,\n              paddingH: 4,\n            },\n            packages.map((pkg, i) => {\n              const { offset, domain, pixelScale, scale, key } =\n                scaleInfo.packages[i];\n              return h(Package, {\n                columnData: pkg.columnData,\n                key,\n                columnWidth,\n                columnSpacing,\n                offset,\n                domain,\n                pixelScale,\n                scale,\n                unitComponent,\n              });\n            }),\n          ),\n          h.if(showUnitPopover)(UnitSelectionPopover),\n          // Navigation only works within a column for now...\n          h(UnitKeyboardNavigation, { units }),\n        ]),\n      ]),\n    ),\n  );\n}\n\nfunction Package({\n  columnData,\n  columnSpacing,\n  columnWidth,\n  unitComponent,\n  offset,\n  domain,\n  pixelScale,\n  scale,\n}) {\n  return h(\"g.package\", { transform: `translate(0 ${offset})` }, [\n    // Disable the SVG overlay for now\n    //h(PackageSVGOverlay, { data, columnSpacing }),\n    h(\"g.column-units\", [\n      columnData.map((data, i) => {\n        return h(Column, {\n          units: data.units,\n          unitComponent,\n          width: columnWidth,\n          key: i,\n          domain,\n          pixelScale,\n          scale,\n          offsetLeft: i * (columnWidth + columnSpacing),\n        });\n      }),\n    ]),\n  ]);\n}\n\ninterface ColumnProps {\n  units: ExtUnit[];\n  unitComponent?: React.FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  offsetLeft?: number;\n  domain: [number, number];\n  pixelScale: number;\n  scale?: ScaleContinuousNumeric<number, number>;\n}\n\nfunction Column(props: ColumnProps) {\n  const {\n    units,\n    width = 150,\n    offsetLeft,\n    domain,\n    pixelScale,\n    scale,\n    unitComponent = ColoredUnitComponent,\n  } = props;\n\n  const columnWidth = width;\n\n  if (units.length == 0) {\n    return null;\n  }\n\n  return h(\n    \"g.section\",\n    {\n      transform: `translate(${offsetLeft} 0)`,\n    },\n    h(\n      ColumnProvider,\n      {\n        // Need to tighten up types here...\n        divisions: units as any[],\n        range: domain,\n        scale,\n        pixelsPerMeter: pixelScale, // Actually pixels per myr\n        axisType: ColumnAxisType.AGE,\n      },\n      h(UnitBoxes, {\n        unitComponent,\n        unitComponentProps: {\n          nColumns: 2,\n          width: columnWidth,\n          showLabel: false,\n        },\n      }),\n    ),\n  );\n}\n\nfunction PackageSVGOverlay({ data, columnWidth = 100, columnSpacing = 0 }) {\n  const { b_age, t_age, bestPixelScale, columnData } = data;\n\n  const width = (columnWidth + columnSpacing) * columnData.length;\n  const height = Math.ceil((b_age - t_age) * bestPixelScale) + 2;\n\n  const extensiveUnits = findLaterallyExtensiveUnits(data);\n\n  const scale = (val: number) => {\n    return (val - t_age) * bestPixelScale;\n  };\n\n  return h(\n    \"div.package-overlay\",\n    { style: { width, height } },\n    extensiveUnits.map((d) => {\n      return h(LaterallyExtensiveUnit, {\n        data: d,\n        scale,\n        pixelScale: bestPixelScale,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction LaterallyExtensiveUnit({ data, scale, pixelScale, columnSpacing }) {\n  const { b_age, t_age, strat_name_long, units } = data;\n  // Build boxes by column groups\n  const boxes: UnitGroupBox[] = splitStratIntoBoxes(data);\n\n  return h(\n    \"div.laterally-extensive-unit\",\n    boxes.map((d, i) => {\n      return h(StratColSpan, {\n        scale,\n        data: d,\n        pixelScale,\n        key: i,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction StratColSpan({\n  data,\n  scale,\n  columnWidth = 100,\n  columnSpacing = 0,\n  pixelScale = 1,\n}) {\n  const { startCol, endCol, strat_name_long, t_age, b_age } = data;\n  const top = scale(t_age);\n  const left = startCol * (columnWidth + columnSpacing);\n  const width = (endCol - startCol + 1) * (columnWidth + columnSpacing);\n  const height = (b_age - t_age) * pixelScale;\n  return h(\n    \"div.strat-col-span\",\n    { style: { top, height, width, left } },\n    strat_name_long,\n  );\n}\n\nfunction ChartArea({ children }) {\n  const setSelectedUnit = useUnitSelectionStore(\n    (state) => state.setSelectedUnit,\n  );\n\n  return h(\n    \"div.correlation-chart-inner\",\n    {\n      onClick() {\n        setSelectedUnit(null);\n      },\n    },\n    children,\n  );\n}\n\ninterface TimescaleColumnProps {\n  scaleInfo: CompositeStratigraphicScaleInfo;\n  showLabels?: boolean;\n  unconformityLabels?: boolean;\n}\n\nfunction TimescaleColumn(props: TimescaleColumnProps) {\n  const { scaleInfo, unconformityLabels = true } = props;\n  return h(\"div.column-container.age-axis-container\", [\n    h(CompositeAgeAxisCore, { ...scaleInfo }),\n    h(CompositeTimescaleCore, { ...scaleInfo, unconformityLabels }),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.53722d0a.js.map"}