@macrostrat/column-views 2.0.0 → 2.1.0

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

@@ -0,0 +1,22 @@
+.VC2fja_fossil-collections {
+  border-left: 1px solid var(--column-stroke-color);
+  margin: 1px 0;
+  padding-left: .2em;
+  font-size: .9em;
+  list-style: none;
+}
+
+.VC2fja_fossil-collections li {
+  display: inline;
+}
+
+.VC2fja_fossil-collections li:not(:last-child):after {
+  content: ", ";
+  color: var(--secondary-color);
+}
+
+.VC2fja_fossil-collections li.VC2fja_too-many {
+  color: var(--secondary-color);
+  font-style: italic;
+}
+/*# sourceMappingURL=column-views.57636733.css.map */

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

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;AAME;;;;AAEE;;;;;AAGF","sources":["packages/column-views/src/facets/fossils/index.module.sass"],"sourcesContent":[".fossil-collections\n  padding-left: 0.2em\n  font-size: 0.9em\n  list-style: none\n  border-left: 1px solid var(--column-stroke-color)\n  margin: 1px 0\n  li\n    display: inline\n    &:not(:last-child):after\n      content: \", \"\n      color: var(--secondary-color)\n  li.too-many\n    color: var(--secondary-color)\n    font-style: italic\n"],"names":[],"version":3,"file":"column-views.57636733.css.map"}

package/dist/esm/{panel.module.386166cc.js → column-views.58b82432.js}

@@ -55,4 +55,4 @@ $99635b65dd697f61$export$e22f189945dfce76 = `XUD4UG_unit-id`;
 
 
 export {$99635b65dd697f61$exports as default};
-//# sourceMappingURL=panel.module.386166cc.js.map
+//# sourceMappingURL=column-views.58b82432.js.map

package/dist/esm/{panel.module.386166cc.js.map → column-views.58b82432.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAfA,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA4B,CAAC,cAAc,CAAC","sources":["packages/column-views/src/unit-details/panel.module.sass"],"sourcesContent":[".legend-panel-header\n  display: flex\n  justify-content: space-between\n  align-items: baseline\n  gap: 1em\n  border-bottom: 1px solid var(--panel-rule-color)\n  position: sticky\n  top: 0\n  background-color: var(--panel-secondary-background-color)\n  padding: 0.5em 1em\n  z-index: 50\n  .title-container\n    display: flex\n    flex-direction: row\n    gap: 0.5em\n    align-items: center\n    margin: -0.5em 0\n    &:hover\n      .hidden-actions\n        display: flex\n        opacity: 0.5\n    h1, h2, h3\n      margin: 0.5em 0\n    .hidden-actions\n      display: none\n    button\n      transform: translateY(0px)\n\n  code\n    font-size: 0.9em\n    color: var(--secondary-color)\n  .spacer\n    flex: 1\n  button\n    line-height: 1.5\n    transform: translateY(2px)\n\n.unit-details-panel\n  display: flex\n  flex-direction: column\n  .unit-details-content-holder\n    flex: 1\n    overflow-y: scroll\n\n.unit-details-content\n  position: relative\n  margin: 1em\n\n.proportion, .sep, .no-units\n  color: var(--secondary-color)\n  font-style: italic\n\n.strat-name-id, .unit-id\n  font-family: var(--monospace-font)\n  color: var(--secondary-color)\n\n  &::before\n    content: '#'\n    color: var(--tertiary-color)\n\n.color-swatch\n  width: 1em\n  height: 1em\n  border-radius: 0.2em\n  margin-right: 0.2em\n  border: 1px solid var(--panel-rule-color)\n  display: inline-block\n\n.refs\n  list-style: none\n  margin: 0\n  padding-left: 0\n\n.interval-proportions\n  flex-grow: 1\n  width: 100%\n  text-align: right\n  .discourage-break\n    white-space: nowrap\n  .sep\n    margin: 0 0.3em\n\n"],"names":[],"version":3,"file":"panel.module.386166cc.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAfA,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA4B,CAAC,cAAc,CAAC","sources":["packages/column-views/src/unit-details/panel.module.sass"],"sourcesContent":[".legend-panel-header\n  display: flex\n  justify-content: space-between\n  align-items: baseline\n  gap: 1em\n  border-bottom: 1px solid var(--panel-rule-color)\n  position: sticky\n  top: 0\n  background-color: var(--panel-secondary-background-color)\n  padding: 0.5em 1em\n  z-index: 50\n  .title-container\n    display: flex\n    flex-direction: row\n    gap: 0.5em\n    align-items: center\n    margin: -0.5em 0\n    &:hover\n      .hidden-actions\n        display: flex\n        opacity: 0.5\n    h1, h2, h3\n      margin: 0.5em 0\n    .hidden-actions\n      display: none\n    button\n      transform: translateY(0px)\n\n  code\n    font-size: 0.9em\n    color: var(--secondary-color)\n  .spacer\n    flex: 1\n  button\n    line-height: 1.5\n    transform: translateY(2px)\n\n.unit-details-panel\n  display: flex\n  flex-direction: column\n  .unit-details-content-holder\n    flex: 1\n    overflow-y: scroll\n\n.unit-details-content\n  position: relative\n  margin: 1em\n\n.proportion, .sep, .no-units\n  color: var(--secondary-color)\n  font-style: italic\n\n.strat-name-id, .unit-id\n  font-family: var(--monospace-font)\n  color: var(--secondary-color)\n\n  &::before\n    content: '#'\n    color: var(--tertiary-color)\n\n.color-swatch\n  width: 1em\n  height: 1em\n  border-radius: 0.2em\n  margin-right: 0.2em\n  border: 1px solid var(--panel-rule-color)\n  display: inline-block\n\n.refs\n  list-style: none\n  margin: 0\n  padding-left: 0\n\n.interval-proportions\n  flex-grow: 1\n  width: 100%\n  text-align: right\n  .discourage-break\n    white-space: nowrap\n  .sep\n    margin: 0 0.3em\n\n"],"names":[],"version":3,"file":"column-views.58b82432.js.map"}

package/dist/esm/{main.2e0375a5.js → column-views.59792b70.js}

@@ -1,13 +1,13 @@
-import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./units.5a4fc058.js";
-import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./selection.f5b0297e.js";
-import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./popover.a810b7bc.js";
-import "./main.module.3dd9500b.css";
-import $2d5zd$mainmodulec09154b1js from "./main.module.c09154b1.js";
-import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./section.a34d379a.js";
-import {buildCorrelationChartData as $2c6a8e6a98a077ae$export$7f21dc14b8199dc0, findLaterallyExtensiveUnits as $2c6a8e6a98a077ae$export$cc5d9b95e199a6de, splitStratIntoBoxes as $2c6a8e6a98a077ae$export$3e71a3125322d04b} from "./prepare-data.d4284b4a.js";
-import {CompositeAgeAxisCore as $43794af7643cdf40$export$ac30ca3cf5df959d} from "./age-axis.4a8cf5e6.js";
-import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./boxes.8292cff2.js";
-import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column.01d68dd8.js";
+import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./column-views.2ca34210.js";
+import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.1af9761e.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.52b03330.js";
+import "./column-views.338a7a83.css";
+import $2d5zd$columnviews6a954628js from "./column-views.6a954628.js";
+import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./column-views.bb46641f.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.8833218c.js";
+import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.a91dde4a.js";
+import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column-views.91385fdc.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,8 +31,8 @@ function $parcel$interopDefault(a) {
 
 
 
-const $ed7dc56184962590$var$h = (0, $2d5zd$macrostrathyper).styled((0, ($parcel$interopDefault($2d5zd$mainmodulec09154b1js))));
-function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing: columnSpacing = 0, columnWidth: columnWidth = 130, unconformityLabels: unconformityLabels = true, showUnitPopover: showUnitPopover = true, selectedUnit: selectedUnit, onUnitSelected: onUnitSelected, ...scaleProps }) {
+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 = {
         targetUnitHeight: 10,
         unconformityHeight: 60,
@@ -93,7 +93,8 @@ function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing:
                     columnSpacing: columnSpacing,
                     offset: offset,
                     domain: domain,
-                    pixelScale: pixelScale
+                    pixelScale: pixelScale,
+                    unitComponent: unitComponent
                 });
             })),
             $ed7dc56184962590$var$h.if(showUnitPopover)((0, $a9bcb536274d1bf9$export$db1115efab13710d)),
@@ -104,7 +105,7 @@ function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing:
         ])
     ])));
 }
-function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, offset: offset, domain: domain, pixelScale: pixelScale }) {
+function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, unitComponent: unitComponent, offset: offset, domain: domain, pixelScale: pixelScale }) {
     return $ed7dc56184962590$var$h("g.package", {
         transform: `translate(0 ${offset})`
     }, [
@@ -114,6 +115,7 @@ function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing:
             columnData.map((data, i)=>{
                 return $ed7dc56184962590$var$h($ed7dc56184962590$var$Column, {
                     units: data.units,
+                    unitComponent: unitComponent,
                     width: columnWidth,
                     key: i,
                     domain: domain,
@@ -125,7 +127,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 } = props;
+    const { units: units, width: width = 150, offsetLeft: offsetLeft, domain: domain, pixelScale: pixelScale, unitComponent: unitComponent = (0, $4c8184c4a7317749$export$6012fd1584b5d0c0) } = props;
     const columnWidth = width;
     if (units.length == 0) return null;
     return $ed7dc56184962590$var$h("g.section", {
@@ -137,10 +139,11 @@ function $ed7dc56184962590$var$Column(props) {
         pixelsPerMeter: pixelScale,
         axisType: (0, $2d5zd$ColumnAxisType).AGE
     }, $ed7dc56184962590$var$h((0, $d254716a820e9c85$export$5d1cdfabe8dc8085), {
-        unitComponent: (0, $4c8184c4a7317749$export$6012fd1584b5d0c0),
+        unitComponent: unitComponent,
         unitComponentProps: {
             nColumns: 2,
-            width: columnWidth
+            width: columnWidth,
+            showLabel: false
         }
     })));
 }
@@ -218,4 +221,4 @@ function $ed7dc56184962590$var$TimescaleColumn(props) {
 
 
 export {$ed7dc56184962590$export$9ebf875c09445bec as CorrelationChart};
-//# sourceMappingURL=main.2e0375a5.js.map
+//# sourceMappingURL=column-views.59792b70.js.map

package/dist/esm/column-views.59792b70.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 \"../units\";\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 { ExtUnit } from \"../prepare-units/helpers\";\nimport { ColumnContainer } from \"../column\";\nimport { ColumnData } from \"../data-provider\";\nimport { BaseUnit } from \"@macrostrat/api-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, key } = scaleInfo.packages[i];\n              return h(Package, {\n                columnData: pkg.columnData,\n                key,\n                columnWidth,\n                columnSpacing,\n                offset,\n                domain,\n                pixelScale,\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}) {\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          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}\n\nfunction Column(props: ColumnProps) {\n  const {\n    units,\n    width = 150,\n    offsetLeft,\n    domain,\n    pixelScale,\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        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.59792b70.js.map"}

package/dist/esm/{svg.4b9a96c1.js → column-views.59bb0cba.js}

@@ -1,4 +1,4 @@
-import {Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012} from "./layers.033d3fb0.js";
+import {Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012} from "./column-views.6549388a.js";
 import {useRef as $9RwS3$useRef} from "react";
 import $9RwS3$macrostrathyper from "@macrostrat/hyper";
 import {Globe as $9RwS3$Globe, LandLayer as $9RwS3$LandLayer} from "@macrostrat/svg-map-components";
@@ -56,7 +56,6 @@ function $e6046e00d2c8a163$export$9595c40c7a4c4f7b(props) {
     ];
     // Override center if currentColumn is set
     if (currentColumn != null) _center = (0, $9RwS3$geoCentroid)(currentColumn);
-    console.log(currentColumn);
     return (0, $9RwS3$macrostrathyper)($e6046e00d2c8a163$export$c4313db718750a5a, {
         center: _center,
         style: style,
@@ -86,4 +85,4 @@ function $e6046e00d2c8a163$export$9595c40c7a4c4f7b(props) {
 
 
 export {$e6046e00d2c8a163$export$c4313db718750a5a as ResizableMapFrame, $e6046e00d2c8a163$export$9595c40c7a4c4f7b as ColumnNavigationSVGMap, $93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
-//# sourceMappingURL=svg.4b9a96c1.js.map
+//# sourceMappingURL=column-views.59bb0cba.js.map

package/dist/esm/column-views.59bb0cba.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAQO,SAAS,0CAAkB,KAAK;IACrC,MAAM,UAAE,MAAM,YAAE,QAAQ,SAAE,KAAK,UAAE,MAAM,aAAE,SAAS,aAAE,SAAS,EAAE,GAAG,MAAM,GACtE;IACF,IAAI,SAAE,KAAK,EAAE,GAAG;IAChB,MAAM,MAAM,CAAA,GAAA,aAAK,EAAE;IACnB,MAAM,KAAK,CAAA,GAAA,qBAAa,EAAE;IAC1B,MAAM,SAAE,KAAK,UAAE,MAAM,EAAE,GAAG,MAAM;QAAE,OAAO;QAAG,QAAQ;IAAE;IACtD,IAAI,SAAS,MACX,QAAQ,KAAK,GAAG,CAAC,OAAO,UAAU,IAAI;IAGxC,IAAI,kBAAkB;IAEtB,IAAI,WACF,kBAAkB;QAChB,MAAM,KAAK,GAAG,CAAC,OAAO;QACtB,IAAI,KAAK,GAAG,CAAC,OAAO;KACrB;IAGH,OAAO,CAAA,GAAA,sBAAA,EAAE,gBAAgB;aAAE;eAAK;mBAAO;IAAU,GAAG;QAClD,CAAA,GAAA,sBAAA,EACE,CAAA,GAAA,YAAI,GACJ;mBACE;oBACA;oBACA;oBACA;YACA,WAAW;uBACX;YACA,aAAa;6BACb;YACA,GAAG,IAAI;mBACP;QACF,GACA;YAAC,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,gBAAQ;YAAI;SAAS;KAE3B;AACH;AAKO,SAAS,0CAAuB,KAAK;IAC1C,MAAM,iBACJ,aAAa,oBACb,gBAAgB,YAChB,QAAQ,SACR,KAAK,UACL,SAAS,WACT,KAAK,aACL,SAAS,wBACT,uBAAuB,wBACvB,kBAAkB,eAClB,MAAM,EACN,GAAG,MACJ,GAAG;IAEJ,IAAI,UAA6B,UAAU;QAAC;QAAM;KAAG;IACrD,0CAA0C;IAC1C,IAAI,iBAAiB,MACnB,UAAU,CAAA,GAAA,kBAAU,EAAE;IAGxB,OAAO,CAAA,GAAA,sBAAA,EACL,2CACA;QAAE,QAAQ;eAAS;gBAAO;eAAQ;mBAAO;IAAU,GACnD;QACE;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAM,GAAG;YACT,UAAU;YACV,QAAQ,eAAe,WAAW;6BAClC;YACA,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,sBAAsB,CAAA,GAAA,yCAAM,GAAG;YAClC,UAAU;YACV,QAAQ,eAAe,WAAW;YAClC,aAAa;YACb,OAAO;YACP,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,iBAAiB,MAAM,CAAA,GAAA,yCAAY,GAAG;YAAE,SAAS;QAAc;KACrE;AAEL","sources":["packages/column-views/src/maps/column-navigation/svg/index.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { Globe, LandLayer } from \"@macrostrat/svg-map-components\";\nimport { geoCentroid } from \"d3-geo\";\nimport { useElementSize } from \"@macrostrat/ui-components\";\nimport { Columns, CurrentColumn } from \"./layers\";\nimport type { LngLatLike } from \"mapbox-gl\";\n\nexport function ResizableMapFrame(props) {\n  const { center, children, style, margin, className, allowZoom, ...rest } =\n    props;\n  let { scale } = props;\n  const ref = useRef(null);\n  const sz = useElementSize(ref);\n  const { width, height } = sz ?? { width: 0, height: 0 };\n  if (scale == null) {\n    scale = Math.min(width, height) + 2 * margin;\n  }\n\n  let zoomScaleExtent = null;\n\n  if (allowZoom) {\n    zoomScaleExtent = [\n      0.1 * Math.min(width, height),\n      2 * Math.max(width, height),\n    ];\n  }\n\n  return h(\"div.map-area\", { ref, style, className }, [\n    h(\n      Globe,\n      {\n        width,\n        height,\n        margin,\n        center,\n        allowDrag: true,\n        allowZoom,\n        keepNorthUp: true,\n        zoomScaleExtent,\n        ...rest,\n        scale,\n      },\n      [h(LandLayer), children],\n    ),\n  ]);\n}\n\ntype ColumnNavigationSVGMapProps = any;\nexport type { ColumnNavigationSVGMapProps };\n\nexport function ColumnNavigationSVGMap(props) {\n  const {\n    currentColumn,\n    setCurrentColumn,\n    children,\n    style,\n    margin = 10,\n    scale,\n    className,\n    showInProcessColumns = false,\n    showDebugLayers = false,\n    center,\n    ...rest\n  } = props;\n\n  let _center: LngLatLike | null = center ?? [-100, 38];\n  // Override center if currentColumn is set\n  if (currentColumn != null) {\n    _center = geoCentroid(currentColumn);\n  }\n\n  return h(\n    ResizableMapFrame,\n    { center: _center, style, margin, scale, className },\n    [\n      children,\n      h(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        showDebugLayers,\n        ...rest,\n      }),\n      h.if(showInProcessColumns)(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        status_code: \"in process\",\n        color: \"rgba(200,150,150, 0.5)\",\n        ...rest,\n      }),\n      h.if(currentColumn != null)(CurrentColumn, { feature: currentColumn }),\n    ],\n  );\n}\n\nexport * from \"./layers\";\n"],"names":[],"version":3,"file":"column-views.59bb0cba.js.map"}

package/dist/esm/{correlation-chart.abd8b346.js → column-views.5ae1d963.js}

@@ -1,9 +1,9 @@
-import {CorrelationChart as $ed7dc56184962590$export$9ebf875c09445bec} from "./main.2e0375a5.js";
-import {parseLineFromString as $c491b6231216b7f9$export$77c3cc7a57c6db5f, stringifyLine as $c491b6231216b7f9$export$8c53992169ff5301} from "./hash-string.285b37fb.js";
+import {CorrelationChart as $ed7dc56184962590$export$9ebf875c09445bec} from "./column-views.59792b70.js";
+import {parseLineFromString as $c491b6231216b7f9$export$77c3cc7a57c6db5f, stringifyLine as $c491b6231216b7f9$export$8c53992169ff5301} from "./column-views.beb54e95.js";
 
 
 
 
 
 export {$ed7dc56184962590$export$9ebf875c09445bec as CorrelationChart, $c491b6231216b7f9$export$77c3cc7a57c6db5f as parseLineFromString, $c491b6231216b7f9$export$8c53992169ff5301 as stringifyLine};
-//# sourceMappingURL=correlation-chart.abd8b346.js.map
+//# sourceMappingURL=column-views.5ae1d963.js.map

package/dist/esm/{correlation-chart.abd8b346.js.map → column-views.5ae1d963.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/correlation-chart/index.ts"],"sourcesContent":["export * from \"./main\";\nexport * from \"./hash-string\";\n"],"names":[],"version":3,"file":"correlation-chart.abd8b346.js.map"}
+{"mappings":"","sources":["packages/column-views/src/correlation-chart/index.ts"],"sourcesContent":["export * from \"./main\";\nexport * from \"./hash-string\";\n"],"names":[],"version":3,"file":"column-views.5ae1d963.js.map"}

package/dist/esm/{fetch.99aec438.js → column-views.5cc09c1d.js}

@@ -149,4 +149,4 @@ async function $33a46f9423c8104a$export$d3d8b0fabcc76c5d(col_id, fetch = $33a46f
 
 
 export {$33a46f9423c8104a$export$45bd78cd093090fa as fetchAllColumns, $33a46f9423c8104a$export$e3270a4e30e40ff9 as useColumnFeatures, $33a46f9423c8104a$export$1aa679bd5e605f82 as fetchLithologies, $33a46f9423c8104a$export$5d2ec2e733dfe6c7 as fetchIntervals, $33a46f9423c8104a$export$780b4b253712916c as fetchEnvironments, $33a46f9423c8104a$export$cd7bfa0860f58b96 as fetchRefs, $33a46f9423c8104a$export$b97b9bdd6a521298 as fetchUnits, $33a46f9423c8104a$export$d3d8b0fabcc76c5d as fetchColumnUnits};
-//# sourceMappingURL=fetch.99aec438.js.map
+//# sourceMappingURL=column-views.5cc09c1d.js.map

package/dist/esm/column-views.5cc09c1d.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/data-provider/fetch.ts"],"sourcesContent":["import {\n  ColumnGeoJSONRecord,\n  ColumnGeoJSONRecordWithID,\n  MacrostratRef,\n  UnitLong,\n} from \"@macrostrat/api-types\";\nimport {\n  addQueryString,\n  joinURL,\n  useAPIResult,\n} from \"@macrostrat/ui-components\";\nimport crossFetch from \"cross-fetch\";\nimport { feature } from \"topojson-client\";\nimport { geoArea } from \"d3-geo\";\n\nfunction defaultFetch(\n  url: string,\n  options: RequestInit | undefined = undefined,\n) {\n  const baseURL = \"https://macrostrat.org/api/v2\";\n  return crossFetch(baseURL + url, options);\n}\n\nexport interface ColumnFetchOptions {\n  apiBaseURL?: string;\n  projectID?: number;\n  statusCode?: \"in process\";\n  format?: \"geojson\" | \"topojson\" | \"geojson_bare\";\n  fetch?: any;\n}\n\nexport async function fetchAllColumns(\n  options: ColumnFetchOptions = {},\n): Promise<ColumnGeoJSONRecord[]> {\n  const {\n    apiBaseURL,\n    projectID,\n    format = \"topojson\",\n    statusCode,\n    fetch = crossFetch,\n  } = options;\n\n  let args: any = { format };\n  if (projectID != null) {\n    args = { ...args, project_id: projectID };\n  }\n  if (statusCode != null) {\n    args = { ...args, status_code: statusCode };\n  }\n\n  if (projectID == null) {\n    args = { ...args, all: true };\n  }\n\n  let url = \"/columns\";\n  if (apiBaseURL != null) {\n    url = joinURL(apiBaseURL, url);\n  }\n\n  // Try with fetch\n  url = addQueryString(url, args);\n\n  const res = await fetch(url, {\n    method: \"GET\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n  });\n\n  if (res == null) {\n    return null;\n  }\n\n  // Get JSON\n  const data = await res.json();\n  return postProcessColumns(columnProcessors[format](data));\n}\n\nexport function useColumnFeatures({\n  apiRoute = \"/columns\",\n  status_code,\n  project_id,\n  format = \"geojson\",\n}) {\n  let all: boolean = undefined;\n  if (status_code == null && project_id == null) {\n    all = true;\n  }\n\n  const processor = columnProcessors[format];\n\n  return useAPIResult(\n    apiRoute,\n    { format, all, status_code, project_id },\n    processor,\n  );\n}\n\nfunction processGeoJSON(res) {\n  return processGeoJSONBare(res?.success?.data);\n}\n\nfunction processGeoJSONBare(res) {\n  return res?.features;\n}\n\nfunction processTopoJSON(res) {\n  try {\n    const { data } = res.success;\n    const { features: f } = feature(data, data.objects.output) as any;\n    return f;\n  } catch (err) {\n    console.error(err);\n    return [];\n  }\n}\n\nfunction postProcessColumns(columns) {\n  return promoteColumnIDs(\n    convertSmallAreasToPoints(removeFeaturesWithoutGeometry(columns)),\n  );\n}\n\nfunction promoteColumnIDs(\n  features: ColumnGeoJSONRecord[],\n): ColumnGeoJSONRecordWithID[] {\n  return features.map((f, i) => {\n    return {\n      id: f.properties?.col_id,\n      ...f,\n    };\n  });\n}\n\nfunction removeFeaturesWithoutGeometry(features) {\n  return features.filter((f) => f.geometry != null);\n}\n\nfunction convertSmallAreasToPoints(features) {\n  return features.map((f) => {\n    // GeoArea takes a long time to run. We are really more worried about points that are zero-area\n    if (geoArea(f.geometry) < 1e-8) {\n      const centroid = f.geometry.coordinates[0][0];\n      f.geometry = {\n        type: \"Point\",\n        coordinates: centroid,\n      };\n    }\n    return f;\n  });\n}\n\nconst columnProcessors = {\n  topojson: processTopoJSON,\n  geojson: processGeoJSON,\n  geojson_bare: processGeoJSONBare,\n};\n\nasync function unwrapResponse(res) {\n  if (res == null) {\n    return null;\n  }\n  const resData = await res.json();\n  return resData[\"success\"][\"data\"];\n}\n\nexport async function fetchLithologies(fetch = defaultFetch) {\n  const res = await fetch(\"/defs/lithologies?all\");\n  return await unwrapResponse(res);\n}\n\nexport async function fetchIntervals(\n  timescaleID: number | null,\n  fetch = defaultFetch,\n) {\n  let url = `/defs/intervals`;\n  if (timescaleID != null) {\n    url += `?timescale_id=${timescaleID}`;\n  } else {\n    url += \"?all\";\n  }\n  const res = await fetch(url);\n  return await unwrapResponse(res);\n}\n\nexport async function fetchEnvironments(fetch = defaultFetch) {\n  const res = await fetch(\"/defs/environments?all\");\n  return await unwrapResponse(res);\n}\n\nexport async function fetchRefs(\n  refs: number[],\n  fetch = defaultFetch,\n): Promise<MacrostratRef[]> {\n  let url = `/defs/refs`;\n  if (refs.length == 0) {\n    return [];\n  }\n  url += \"?ref_id=\" + refs.join(\",\");\n  const res = await fetch(url);\n  return await unwrapResponse(res);\n}\n\nexport type ColumnData = {\n  units: UnitLong[];\n  columnID: number;\n};\n\nexport async function fetchUnits(\n  columns: number[],\n  fetch = defaultFetch,\n): Promise<ColumnData[]> {\n  const promises = columns.map((col_id) => fetchColumnUnits(col_id, fetch));\n  return await Promise.all(promises);\n}\n\nexport async function fetchColumnUnits(\n  col_id: number,\n  fetch = defaultFetch,\n): Promise<ColumnData> {\n  const params = new URLSearchParams();\n  params.append(\"response\", \"long\");\n  params.append(\"col_id\", col_id.toString());\n  const res = await fetch(\"/units\" + \"?\" + params.toString());\n  const data = await res.json();\n  if (!data.success) {\n    throw new Error(\"Failed to fetch column units\");\n  }\n  const units = data.success.data;\n  return { columnID: col_id, units };\n}\n"],"names":[],"version":3,"file":"column-views.5cc09c1d.js.map"}

package/dist/esm/column-views.5e2dc19d.js

@@ -0,0 +1,187 @@
+import {useMeasurementData as $5dbb619f2c7bef60$export$8a0335fd9ff72150} from "./column-views.a7c5ae16.js";
+import {IsotopeDataPoint as $5f39f3d52558a1d0$export$4cb5d059db4e2bd, IsotopesDataArea as $5f39f3d52558a1d0$export$309ef8546e07d921, useDataLocator as $5f39f3d52558a1d0$export$919dbb10b6b5b75} from "./column-views.0732894f.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.1e055ed5.js";
+import "./column-views.708140ab.css";
+import $0zDA3$columnviews6992ca88js from "./column-views.6992ca88.js";
+import {useMemo as $0zDA3$useMemo} from "react";
+import $0zDA3$macrostrathyper from "@macrostrat/hyper";
+import $0zDA3$classnames from "classnames";
+import {AxisBottom as $0zDA3$AxisBottom} from "@visx/axis";
+import {referenceMeasuresToColumn as $0zDA3$referenceMeasuresToColumn} from "@macrostrat/stratigraphy-utils";
+import {useColumnLayout as $0zDA3$useColumnLayout, SVG as $0zDA3$SVG, ColumnLayoutProvider as $0zDA3$ColumnLayoutProvider} from "@macrostrat/column-components";
+import {scaleLinear as $0zDA3$scaleLinear} from "d3-scale";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+
+
+const $d71d096cfe00860f$var$h = (0, $0zDA3$macrostrathyper).styled((0, ($parcel$interopDefault($0zDA3$columnviews6992ca88js))));
+function $d71d096cfe00860f$var$IsotopeText({ datum: datum, text: text, ...rest }) {
+    const { pointLocator: pointLocator } = (0, $5f39f3d52558a1d0$export$919dbb10b6b5b75)();
+    const [x, y] = pointLocator(datum);
+    return $d71d096cfe00860f$var$h("text", {
+        x: x,
+        y: y,
+        ...rest
+    }, text);
+}
+function $d71d096cfe00860f$var$ScaleLine(props) {
+    let { value: value, className: className, labelBottom: labelBottom, labelOffset: labelOffset, ...rest } = props;
+    const { sections: sections } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const { xScale: xScale } = (0, $0zDA3$useColumnLayout)();
+    const x = xScale(value);
+    const transform = `translate(${x})`;
+    className = (0, $0zDA3$classnames)(className, {
+        zero: value === 0
+    });
+    return $d71d096cfe00860f$var$h("g.tick", {
+        transform: transform,
+        className: className,
+        key: value
+    }, [
+        $d71d096cfe00860f$var$h("g.tick-lines", sections.map((d)=>{
+            const { scaleInfo: scaleInfo } = d;
+            const y1 = scaleInfo.offset;
+            const y2 = y1 + scaleInfo.pixelHeight;
+            return $d71d096cfe00860f$var$h("line", {
+                y1: y1,
+                y2: y2,
+                strokeDasharray: props.strokeDasharray,
+                strokeWidth: 1
+            });
+        }))
+    ]);
+}
+function $d71d096cfe00860f$var$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 $d71d096cfe00860f$export$c69bd0285aa5d775(props) {
+    const { parameter: parameter, color: color = "dodgerblue" } = props;
+    const units = (0, $d5074f164411387e$export$6fb40844db555b2)();
+    const measures = (0, $5dbb619f2c7bef60$export$8a0335fd9ff72150)() ?? [];
+    const points = (0, $0zDA3$useMemo)(()=>{
+        const data = measures.filter((d)=>d.measurement === parameter);
+        const refMeasures = (0, $0zDA3$referenceMeasuresToColumn)(units, data);
+        return $d71d096cfe00860f$var$unnestPoints(refMeasures);
+    }, [
+        measures,
+        parameter,
+        units
+    ]);
+    return $d71d096cfe00860f$var$h((0, $5f39f3d52558a1d0$export$309ef8546e07d921), {
+        getHeight (d) {
+            return d.age;
+        }
+    }, $d71d096cfe00860f$var$h("g.data-points", points.map((d)=>{
+        return $d71d096cfe00860f$var$h((0, $5f39f3d52558a1d0$export$4cb5d059db4e2bd), {
+            datum: d,
+            fill: color
+        });
+    })));
+}
+function $d71d096cfe00860f$export$5d8aa8022c284748(props) {
+    const { width: width = 120, domain: domain = [
+        -14,
+        6
+    ], parameter: parameter, label: label, color: color = "dodgerblue", children: children = null, transform: transform, getHeight: getHeight, showAxis: showAxis = true, tickValues: _tickVals, nTicks: nTicks = 6, ...rest } = props;
+    const { totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    let _children = children;
+    if (children == null && parameter != null) _children = $d71d096cfe00860f$var$h($d71d096cfe00860f$export$c69bd0285aa5d775, {
+        parameter: parameter,
+        color: color,
+        getHeight: getHeight
+    });
+    const xScale = (0, $0zDA3$useMemo)(()=>(0, $0zDA3$scaleLinear)().domain(domain).range([
+            0,
+            width
+        ]), [
+        domain,
+        width
+    ]);
+    const tickValues = _tickVals ?? xScale.ticks(nTicks);
+    return $d71d096cfe00860f$var$h("div.isotopes-column", [
+        $d71d096cfe00860f$var$h((0, $0zDA3$SVG), {
+            height: totalHeight,
+            innerWidth: width,
+            paddingH: 15
+        }, $d71d096cfe00860f$var$h((0, $0zDA3$ColumnLayoutProvider), {
+            width: width,
+            xScale: xScale
+        }, $d71d096cfe00860f$var$h("g.isotopes-column", {
+            className: parameter,
+            transform: transform
+        }, [
+            $d71d096cfe00860f$var$h($d71d096cfe00860f$var$ColumnScaleLines, {
+                xScale: xScale,
+                tickValues: tickValues,
+                width: width,
+                ...rest
+            }),
+            _children
+        ]))),
+        $d71d096cfe00860f$var$h.if(showAxis)($d71d096cfe00860f$var$ColumnScaleAxis, {
+            width: width,
+            label: label ?? parameter,
+            xScale: xScale,
+            tickValues: tickValues,
+            ...rest
+        })
+    ]);
+}
+function $d71d096cfe00860f$var$ColumnScaleAxis(props) {
+    const { label: label, xScale: xScale, width: width, showAxis: showAxis = true, tickValues: tickValues, ...rest } = props;
+    return $d71d096cfe00860f$var$h("div.isotopes-scale-axis", [
+        $d71d096cfe00860f$var$h((0, $0zDA3$SVG), {
+            innerWidth: width,
+            height: 45,
+            paddingH: 15
+        }, [
+            $d71d096cfe00860f$var$h((0, $0zDA3$AxisBottom), {
+                scale: xScale,
+                tickLength: 5,
+                tickValues: tickValues,
+                stroke: "var(--column-stroke-color)",
+                tickStroke: "var(--column-stroke-color)",
+                ...rest,
+                label: label
+            })
+        ])
+    ]);
+}
+function $d71d096cfe00860f$var$ColumnScaleLines(props) {
+    const { tickValues: tickValues, xScale: xScale } = props;
+    return $d71d096cfe00860f$var$h("g.scale-lines", tickValues.map((value)=>{
+        return $d71d096cfe00860f$var$h($d71d096cfe00860f$var$ScaleLine, {
+            value: value
+        });
+    }));
+}
+
+
+export {$d71d096cfe00860f$export$c69bd0285aa5d775 as IsotopesDataset, $d71d096cfe00860f$export$5d8aa8022c284748 as IsotopesColumn};
+//# sourceMappingURL=column-views.5e2dc19d.js.map

package/dist/esm/column-views.5e2dc19d.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/facets/carbon-isotopes/isotopes-column.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport hyper from \"@macrostrat/hyper\";\nimport classNames from \"classnames\";\nimport { AxisBottom } from \"@visx/axis\";\nimport { useMeasurementData } from \"./data-provider\";\n\nimport {\n  IsotopesDataArea,\n  useDataLocator,\n  IsotopeDataPoint,\n} from \"./data-area\";\nimport { referenceMeasuresToColumn } from \"@macrostrat/stratigraphy-utils\";\nimport {\n  SVG,\n  ColumnLayoutProvider,\n  useColumnLayout,\n} from \"@macrostrat/column-components\";\nimport {\n  useMacrostratColumnData,\n  useMacrostratUnits,\n} from \"../../data-provider\";\nimport styles from \"./isotopes-column.module.sass\";\nimport { scaleLinear } from \"d3-scale\";\n\nconst h = hyper.styled(styles);\n\ntype IsotopesTextProps = {\n  datum: any;\n  text: string;\n};\n\nfunction IsotopeText({ datum, text, ...rest }: IsotopesTextProps) {\n  const { pointLocator } = useDataLocator();\n  const [x, y] = pointLocator(datum);\n  return h(\n    \"text\",\n    {\n      x,\n      y,\n      ...rest,\n    },\n    text,\n  );\n}\n\ninterface ScaleLineProps {\n  value: number;\n  className?: string;\n  labelBottom?: boolean;\n  labelOffset?: number;\n  strokeDasharray?: string;\n  stroke?: string | number;\n}\n\nfunction ScaleLine(props: ScaleLineProps) {\n  let { value, className, labelBottom, labelOffset, ...rest } = props;\n  const { sections } = useMacrostratColumnData();\n\n  const { xScale } = useColumnLayout();\n  const x = xScale(value);\n  const transform = `translate(${x})`;\n  className = classNames(className, { zero: value === 0 });\n  return h(\"g.tick\", { transform, className, key: value }, [\n    h(\n      \"g.tick-lines\",\n      sections.map((d) => {\n        const { scaleInfo } = d;\n        const y1 = scaleInfo.offset;\n        const y2 = y1 + scaleInfo.pixelHeight;\n        return h(\"line\", {\n          y1,\n          y2,\n          strokeDasharray: props.strokeDasharray,\n          strokeWidth: 1,\n        });\n      }),\n    ),\n  ]);\n}\n\nfunction unnestPoints(measures) {\n  let points = [];\n  for (const meas of measures) {\n    const vals = meas.measure_value.map((d, i) => {\n      return {\n        value: d,\n        age: meas.measure_age[i],\n        position: meas.measure_position[i],\n        unit_id: meas.unit_id,\n        sample_id: meas.sample_no[i],\n        measurement: meas.measurement,\n      };\n    });\n    Array.prototype.push.apply(points, vals);\n  }\n  return points;\n}\n\ninterface IsotopesDatasetProps {\n  color: string;\n  parameter: string;\n}\n\ninterface IsotopeColumnProps extends IsotopesDatasetProps {\n  width: number;\n  tickValues?: number[];\n  label: string;\n  domain: [number, number];\n  transform?: string;\n  getHeight?: Function;\n  nTicks?: number;\n  showAxis?: boolean;\n}\n\nfunction IsotopesDataset(props) {\n  const { parameter, color = \"dodgerblue\" } = props;\n  const units = useMacrostratUnits();\n  const measures = useMeasurementData() ?? [];\n\n  const points = useMemo(() => {\n    const data = measures.filter((d) => d.measurement === parameter);\n    const refMeasures = referenceMeasuresToColumn(units, data);\n    return unnestPoints(refMeasures);\n  }, [measures, parameter, units]);\n\n  return h(\n    IsotopesDataArea,\n    {\n      getHeight(d) {\n        return d.age;\n      },\n    } as any,\n    h(\n      \"g.data-points\",\n      points.map((d) => {\n        return h(IsotopeDataPoint, {\n          datum: d,\n          fill: color,\n        });\n      }),\n    ),\n  );\n}\n\nfunction IsotopesColumn(\n  props: IsotopeColumnProps & { children?: React.ReactNode },\n) {\n  const {\n    width = 120,\n    domain = [-14, 6],\n    parameter,\n    label,\n    color = \"dodgerblue\",\n    children = null,\n    transform,\n    getHeight,\n    showAxis = true,\n    tickValues: _tickVals,\n    nTicks = 6,\n    ...rest\n  } = props;\n\n  const { totalHeight } = useMacrostratColumnData();\n\n  let _children: any = children;\n  if (children == null && parameter != null) {\n    _children = h(IsotopesDataset, { parameter, color, getHeight });\n  }\n\n  const xScale = useMemo(\n    () => scaleLinear().domain(domain).range([0, width]),\n    [domain, width],\n  );\n\n  const tickValues = _tickVals ?? xScale.ticks(nTicks);\n\n  return h(\"div.isotopes-column\", [\n    h(\n      SVG,\n      {\n        height: totalHeight,\n        innerWidth: width,\n        paddingH: 15,\n      },\n      h(\n        ColumnLayoutProvider,\n        { width, xScale },\n        h(\"g.isotopes-column\", { className: parameter, transform }, [\n          h(ColumnScaleLines, {\n            xScale,\n            tickValues,\n            width,\n            ...rest,\n          }),\n          _children,\n        ]),\n      ),\n    ),\n    h.if(showAxis)(ColumnScaleAxis, {\n      width,\n      label: label ?? parameter,\n      xScale,\n      tickValues,\n      ...rest,\n    }),\n  ]);\n}\n\nfunction ColumnScaleAxis(props) {\n  const { label, xScale, width, showAxis = true, tickValues, ...rest } = props;\n\n  return h(\"div.isotopes-scale-axis\", [\n    h(\n      SVG,\n      {\n        innerWidth: width,\n        height: 45,\n        paddingH: 15,\n      },\n      [\n        h(AxisBottom, {\n          scale: xScale,\n          tickLength: 5,\n          tickValues,\n          stroke: \"var(--column-stroke-color)\",\n          tickStroke: \"var(--column-stroke-color)\",\n          ...rest,\n          label,\n        }),\n      ],\n    ),\n  ]);\n}\n\nfunction ColumnScaleLines(props) {\n  const { tickValues, xScale } = props;\n\n  return h(\n    \"g.scale-lines\",\n    tickValues.map((value) => {\n      return h(ScaleLine, { value });\n    }),\n  );\n}\n\nexport { IsotopesColumn, IsotopesDataset };\n"],"names":[],"version":3,"file":"column-views.5e2dc19d.js.map"}

package/dist/esm/{styles.7bc776d1.js → column-views.633c42a3.js}

@@ -9,6 +9,7 @@ function $1dbfddc9637b572c$export$d2995719c3a4ae17(color) {
         sources: {
             columns: (0, $8F7e5$buildGeoJSONSource)()
         },
+        version: 8,
         layers: [
             {
                 id: "columns-fill",
@@ -92,4 +93,4 @@ function $1dbfddc9637b572c$export$d2995719c3a4ae17(color) {
 
 
 export {$1dbfddc9637b572c$export$d2995719c3a4ae17 as buildColumnsStyle};
-//# sourceMappingURL=styles.7bc776d1.js.map
+//# sourceMappingURL=column-views.633c42a3.js.map

package/dist/esm/column-views.633c42a3.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAIO,SAAS,0CAAkB,KAAa;IAC7C,MAAM,cAAc,SAAS,CAAA,GAAA,qBAAa,EAAE,uBAAuB;IACnE,OAAO;QACL,SAAS;YACP,SAAS,CAAA,GAAA,yBAAiB;QAC5B;QACA,SAAS;QACT,QAAQ;YACN;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,cAAc;oBACd,gBAAgB;wBACd;wBACA;4BAAC;4BAAW;gCAAC;gCAAiB;6BAAW;4BAAE;yBAAM;wBACjD;wBACA;4BAAC;4BAAW;gCAAC;gCAAiB;6BAAQ;4BAAE;yBAAM;wBAC9C;wBACA;qBACD;gBACH;YACF;YACA;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,cAAc;oBACd,cAAc;oBACd,gBAAgB;gBAClB;YACF;YACA;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,iBAAiB;oBACjB,gBAAgB;oBAChB,kBAAkB;wBAChB;wBACA;4BAAC;4BAAW;gCAAC;gCAAiB;6BAAW;4BAAE;yBAAM;wBACjD;wBACA;4BAAC;4BAAW;gCAAC;gCAAiB;6BAAQ;4BAAE;yBAAM;wBAC9C;wBACA;qBACD;gBACH;gBACA,QAAQ;oBAAC;oBAAM;oBAAS;iBAAQ;YAClC;SACD;IACH;AACF","sources":["packages/column-views/src/maps/_shared/styles.ts"],"sourcesContent":["import { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport type { Style } from \"mapbox-gl\";\n\nexport function buildColumnsStyle(color: string): Style {\n  const columnColor = color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            0.5,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.3,\n            0.1,\n          ],\n        },\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": columnColor,\n          \"line-width\": 2,\n          \"line-opacity\": 0.5,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": 4,\n          \"circle-color\": columnColor,\n          \"circle-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            1,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.7,\n            0.5,\n          ],\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":[],"version":3,"file":"column-views.633c42a3.js.map"}

package/dist/esm/{layers.033d3fb0.js → column-views.6549388a.js}

@@ -1,5 +1,5 @@
-import {useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9} from "./fetch.99aec438.js";
-import {buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25, buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7} from "./keyboard-navigation.6713401b.js";
+import {useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9} from "./column-views.5cc09c1d.js";
+import {buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25, buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7} from "./column-views.dc42f5d0.js";
 import $26TqL$macrostrathyper from "@macrostrat/hyper";
 import {FeatureLayer as $26TqL$FeatureLayer, Feature as $26TqL$Feature, MapContext as $26TqL$MapContext} from "@macrostrat/svg-map-components";
 import {useAPIResult as $26TqL$useAPIResult, useKeyHandler as $26TqL$useKeyHandler} from "@macrostrat/ui-components";
@@ -28,12 +28,11 @@ function $93f116a6493b17c3$export$2254347cd20e6080(props) {
     return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
         useCanvas: false,
         style: style,
-        features: res.features.filter((d)=>d.properties.unit_id != null)
+        features: res.features?.filter((d)=>d.properties.unit_id != null) ?? []
     });
 }
 function $93f116a6493b17c3$export$f177ff57c101017a(props) {
     const { features: features, onClick: onClick, color: color = "rgba(150,150,150, 1)", singleFeature: singleFeature = true } = props;
-    console.log(features);
     const c = (0, $26TqL$chromajs)(color);
     return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
         className: "columns",
@@ -42,7 +41,7 @@ function $93f116a6493b17c3$export$f177ff57c101017a(props) {
             fill: c.alpha(0.2).css(),
             stroke: c.alpha(0.4).css()
         }
-    }, features.map((f)=>{
+    }, features?.map((f)=>{
         return (0, $26TqL$macrostrathyper)((0, $26TqL$Feature), {
             id: f.id ?? f.properties.col_id,
             onClick: onClick,
@@ -167,4 +166,4 @@ const $93f116a6493b17c3$export$b9d912252344e099 = (props)=>{
 
 
 export {$93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
-//# sourceMappingURL=layers.033d3fb0.js.map
+//# sourceMappingURL=column-views.6549388a.js.map

package/dist/esm/column-views.6549388a.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/maps/column-navigation/svg/layers.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport {\n  Feature,\n  FeatureLayer,\n  MapContext,\n} from \"@macrostrat/svg-map-components\";\nimport { useAPIResult, useKeyHandler } from \"@macrostrat/ui-components\";\nimport chroma from \"chroma-js\";\nimport { ExtendedFeature } from \"d3-geo\";\nimport { Polygon } from \"geojson\";\nimport { useContext, useMemo } from \"react\";\nimport { useColumnFeatures } from \"../../../data-provider\";\nimport {\n  buildKeyMapping,\n  buildTriangulation,\n} from \"../utils/keyboard-navigation\";\n\nconst defaultStyle = {\n  fill: \"rgb(239, 180, 249)\",\n  stroke: \"magenta\",\n};\n\nexport function MeasurementsLayer(props) {\n  const { style = defaultStyle, ...params } = props;\n  const res: any = useAPIResult(\"/measurements\", {\n    ...params,\n    format: \"geojson\",\n    response: \"light\",\n  });\n  if (res == null) return null;\n\n  return h(FeatureLayer, {\n    useCanvas: false,\n    style,\n    features: res.features?.filter((d) => d.properties.unit_id != null) ?? [],\n  });\n}\n\ntype ColumnProps = { col_id: number };\n\ntype ColumnFeature = ExtendedFeature<Polygon, ColumnProps>;\n\nfunction ColumnFeatures(props) {\n  const {\n    features,\n    onClick,\n    color = \"rgba(150,150,150, 1)\",\n    singleFeature = true,\n  } = props;\n\n  const c = chroma(color);\n\n  return h(\n    FeatureLayer,\n    {\n      className: \"columns\",\n      useCanvas: onClick == null,\n      style: {\n        fill: c.alpha(0.2).css(),\n        stroke: c.alpha(0.4).css(),\n      },\n    },\n    features?.map((f) => {\n      return h(Feature, {\n        id: f.id ?? f.properties.col_id,\n        onClick,\n        feature: f,\n      });\n    }),\n  );\n}\n\nenum MacrostratStatusCode {\n  InProcess = \"in process\",\n}\n\ninterface ColumnNavProps {\n  col_id: number;\n  status_code?: MacrostratStatusCode;\n  project_id?: number;\n  onChange(col_id: number): void;\n}\n\ninterface KeyboardNavProps extends ColumnNavProps {\n  features: ColumnFeature[];\n  showLayers: boolean;\n}\n\nfunction ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const {\n    features = [],\n    col_id = null,\n    onChange,\n    showLayers = false,\n    ...projectArgs\n  } = props;\n  const { projection } = useContext(MapContext);\n  const { centroids, tri } = useMemo(\n    () => buildTriangulation(features),\n    [features],\n  );\n\n  const currentIndex = useMemo(() => {\n    return features.findIndex((d) => d.properties.col_id == col_id);\n  }, [features, col_id]);\n\n  const neighbors = tri.delaunay.neighbors[currentIndex];\n\n  const keyMapping = useMemo(() => {\n    return buildKeyMapping(neighbors, centroids, currentIndex, projection);\n  }, [neighbors, currentIndex]);\n\n  useKeyHandler(\n    (event) => {\n      const nextColumnIx = keyMapping[event.keyCode];\n      if (nextColumnIx == null) return;\n      // @ts-ignore\n      onChange(features[nextColumnIx]);\n    },\n    [keyMapping],\n  );\n\n  if (neighbors == null) return null;\n  const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return h.if(showLayers)([\n    h(FeatureLayer, {\n      features: tri.links().features,\n      useCanvas: false,\n      style: {\n        stroke: \"purple\",\n        fill: \"transparent\",\n      },\n    }),\n    h(FeatureLayer, {\n      features: neighborFeatures,\n      useCanvas: false,\n      style: {\n        stroke: \"rgb(93, 101, 212)\",\n        strokeWidth: 3,\n        fill: \"rgba(93, 101, 212, 0.5)\",\n      },\n    }),\n    h(FeatureLayer, {\n      features: [\n        {\n          type: \"Feature\",\n          geometry: {\n            type: \"MultiPoint\",\n            coordinates: centroids,\n          },\n        },\n      ],\n      useCanvas: false,\n      style: {\n        r: 1,\n        fill: \"purple\",\n      },\n    }),\n  ]);\n}\n\ninterface ColumnExtraInfo {\n  apiRoute?: string;\n  color?: string;\n  filterColumns?(d: ColumnFeature): boolean;\n  showDebugLayers?: boolean;\n  format?: \"topojson\" | \"geojson\";\n}\n\nconst Columns = (props: ColumnNavProps & ColumnExtraInfo) => {\n  const {\n    apiRoute = \"/columns\",\n    onChange,\n    col_id = null,\n    status_code,\n    project_id,\n    color,\n    filterColumns,\n    showDebugLayers = false,\n    format = \"topojson\",\n  } = props;\n\n  let features: any[] = useColumnFeatures({\n    apiRoute,\n    status_code,\n    project_id,\n    format,\n  }) as any;\n\n  if (features == null) return null;\n\n  if (filterColumns != null) {\n    features = features.filter(filterColumns);\n  }\n\n  return h([\n    h(ColumnKeyboardNavigation, {\n      features,\n      col_id,\n      onChange,\n      status_code,\n      project_id,\n      showLayers: showDebugLayers,\n    }),\n    h(ColumnFeatures, { features, onClick: onChange, color }),\n  ]);\n};\n\nconst ColumnCenters = (props: ColumnNavProps) => {\n  return h(Columns, { apiRoute: \"/defs/columns\", ...props });\n};\n\nconst CurrentColumn = (props) => {\n  const { feature } = props;\n  return h(FeatureLayer, {\n    features: [feature],\n    style: {\n      fill: \"rgba(255,0,0,0.4)\",\n      stroke: \"rgba(255,0,0,0.6)\",\n      strokeWidth: 2,\n    },\n  });\n};\n\nexport {\n  Columns,\n  CurrentColumn,\n  ColumnCenters,\n  ColumnFeatures,\n  ColumnKeyboardNavigation,\n};\n"],"names":[],"version":3,"file":"column-views.6549388a.js.map"}