@macrostrat/column-views 1.0.3 → 2.0.1

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

@@ -0,0 +1,221 @@
+import {UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.8e51206e.js";
+import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./column-views.343b5aa2.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.f2e5a72f.js";
+import "./column-views.338a7a83.css";
+import $2d5zd$columnviews6a954628js from "./column-views.6a954628.js";
+import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./column-views.fa6f3292.js";
+import {buildCorrelationChartData as $2c6a8e6a98a077ae$export$7f21dc14b8199dc0, findLaterallyExtensiveUnits as $2c6a8e6a98a077ae$export$cc5d9b95e199a6de, splitStratIntoBoxes as $2c6a8e6a98a077ae$export$3e71a3125322d04b} from "./column-views.57c4ddf3.js";
+import {CompositeAgeAxisCore as $43794af7643cdf40$export$ac30ca3cf5df959d} from "./column-views.9ced149e.js";
+import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.5c02fee2.js";
+import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column-views.f71ec4b4.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";
+import $2d5zd$classnames from "classnames";
+import {SVG as $2d5zd$SVG, ColumnProvider as $2d5zd$ColumnProvider, ColumnAxisType as $2d5zd$ColumnAxisType} from "@macrostrat/column-components";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/** Correlation chart */ 
+
+
+
+
+
+
+
+
+
+
+
+
+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, ...scaleProps }) {
+    const defaultScaleProps = {
+        targetUnitHeight: 10,
+        unconformityHeight: 60,
+        minSectionHeight: 60,
+        collapseSmallUnconformities: true
+    };
+    const chartData = (0, $2d5zd$useMemo)(()=>{
+        if (!data) return null;
+        return (0, $2c6a8e6a98a077ae$export$7f21dc14b8199dc0)(data, {
+            ...defaultScaleProps,
+            ...scaleProps
+        });
+    }, [
+        data,
+        ...Object.values(scaleProps)
+    ]);
+    const columnRef = (0, $2d5zd$useRef)(null);
+    // A flattened units array is used to support keyboard navigation
+    const units = (0, $2d5zd$useMemo)(()=>{
+        return data?.map((d0)=>d0.units).flat() ?? [];
+    }, [
+        data
+    ]);
+    const inDarkMode = (0, $2d5zd$useInDarkMode)();
+    const className = (0, $2d5zd$classnames)({
+        "dark-mode": inDarkMode
+    });
+    if (chartData == null) return null;
+    const { packages: packages, scaleInfo: scaleInfo, nColumns: nColumns } = chartData;
+    const mainWidth = (columnWidth + columnSpacing) * nColumns;
+    return $ed7dc56184962590$var$h((0, $2118f0266dc7e955$export$2194471aa3d52446), {
+        className: "correlation-diagram"
+    }, $ed7dc56184962590$var$h((0, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4), {
+        columnRef: columnRef,
+        selectedUnit: selectedUnit,
+        onUnitSelected: onUnitSelected,
+        units: units
+    }, $ed7dc56184962590$var$h($ed7dc56184962590$var$ChartArea, [
+        $ed7dc56184962590$var$h($ed7dc56184962590$var$TimescaleColumn, {
+            key: "timescale",
+            scaleInfo: scaleInfo,
+            unconformityLabels: unconformityLabels
+        }),
+        $ed7dc56184962590$var$h("div.main-chart", {
+            ref: columnRef
+        }, [
+            $ed7dc56184962590$var$h((0, $2d5zd$SVG), {
+                className: className,
+                innerWidth: mainWidth,
+                height: scaleInfo.totalHeight,
+                paddingH: 4
+            }, packages.map((pkg, i)=>{
+                const { offset: offset, domain: domain, pixelScale: pixelScale, key: key } = scaleInfo.packages[i];
+                return $ed7dc56184962590$var$h($ed7dc56184962590$var$Package, {
+                    columnData: pkg.columnData,
+                    key: key,
+                    columnWidth: columnWidth,
+                    columnSpacing: columnSpacing,
+                    offset: offset,
+                    domain: domain,
+                    pixelScale: pixelScale
+                });
+            })),
+            $ed7dc56184962590$var$h.if(showUnitPopover)((0, $a9bcb536274d1bf9$export$db1115efab13710d)),
+            // Navigation only works within a column for now...
+            $ed7dc56184962590$var$h((0, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1), {
+                units: units
+            })
+        ])
+    ])));
+}
+function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, offset: offset, domain: domain, pixelScale: pixelScale }) {
+    return $ed7dc56184962590$var$h("g.package", {
+        transform: `translate(0 ${offset})`
+    }, [
+        // Disable the SVG overlay for now
+        //h(PackageSVGOverlay, { data, columnSpacing }),
+        $ed7dc56184962590$var$h("g.column-units", [
+            columnData.map((data, i)=>{
+                return $ed7dc56184962590$var$h($ed7dc56184962590$var$Column, {
+                    units: data.units,
+                    width: columnWidth,
+                    key: i,
+                    domain: domain,
+                    pixelScale: pixelScale,
+                    offsetLeft: i * (columnWidth + columnSpacing)
+                });
+            })
+        ])
+    ]);
+}
+function $ed7dc56184962590$var$Column(props) {
+    const { units: units, width: width = 150, offsetLeft: offsetLeft, domain: domain, pixelScale: pixelScale } = props;
+    const columnWidth = width;
+    if (units.length == 0) return null;
+    return $ed7dc56184962590$var$h("g.section", {
+        transform: `translate(${offsetLeft} 0)`
+    }, $ed7dc56184962590$var$h((0, $2d5zd$ColumnProvider), {
+        // Need to tighten up types here...
+        divisions: units,
+        range: domain,
+        pixelsPerMeter: pixelScale,
+        axisType: (0, $2d5zd$ColumnAxisType).AGE
+    }, $ed7dc56184962590$var$h((0, $d254716a820e9c85$export$5d1cdfabe8dc8085), {
+        unitComponent: (0, $4c8184c4a7317749$export$6012fd1584b5d0c0),
+        unitComponentProps: {
+            nColumns: 2,
+            width: columnWidth
+        }
+    })));
+}
+function $ed7dc56184962590$var$PackageSVGOverlay({ data: data, columnWidth: columnWidth = 100, columnSpacing: columnSpacing = 0 }) {
+    const { b_age: b_age, t_age: t_age, bestPixelScale: bestPixelScale, columnData: columnData } = data;
+    const width = (columnWidth + columnSpacing) * columnData.length;
+    const height = Math.ceil((b_age - t_age) * bestPixelScale) + 2;
+    const extensiveUnits = (0, $2c6a8e6a98a077ae$export$cc5d9b95e199a6de)(data);
+    const scale = (val)=>{
+        return (val - t_age) * bestPixelScale;
+    };
+    return $ed7dc56184962590$var$h("div.package-overlay", {
+        style: {
+            width: width,
+            height: height
+        }
+    }, extensiveUnits.map((d)=>{
+        return $ed7dc56184962590$var$h($ed7dc56184962590$var$LaterallyExtensiveUnit, {
+            data: d,
+            scale: scale,
+            pixelScale: bestPixelScale,
+            columnSpacing: columnSpacing
+        });
+    }));
+}
+function $ed7dc56184962590$var$LaterallyExtensiveUnit({ data: data, scale: scale, pixelScale: pixelScale, columnSpacing: columnSpacing }) {
+    const { b_age: b_age, t_age: t_age, strat_name_long: strat_name_long, units: units } = data;
+    // Build boxes by column groups
+    const boxes = (0, $2c6a8e6a98a077ae$export$3e71a3125322d04b)(data);
+    return $ed7dc56184962590$var$h("div.laterally-extensive-unit", boxes.map((d, i)=>{
+        return $ed7dc56184962590$var$h($ed7dc56184962590$var$StratColSpan, {
+            scale: scale,
+            data: d,
+            pixelScale: pixelScale,
+            key: i,
+            columnSpacing: columnSpacing
+        });
+    }));
+}
+function $ed7dc56184962590$var$StratColSpan({ data: data, scale: scale, columnWidth: columnWidth = 100, columnSpacing: columnSpacing = 0, pixelScale: pixelScale = 1 }) {
+    const { startCol: startCol, endCol: endCol, strat_name_long: strat_name_long, t_age: t_age, b_age: b_age } = data;
+    const top = scale(t_age);
+    const left = startCol * (columnWidth + columnSpacing);
+    const width = (endCol - startCol + 1) * (columnWidth + columnSpacing);
+    const height = (b_age - t_age) * pixelScale;
+    return $ed7dc56184962590$var$h("div.strat-col-span", {
+        style: {
+            top: top,
+            height: height,
+            width: width,
+            left: left
+        }
+    }, strat_name_long);
+}
+function $ed7dc56184962590$var$ChartArea({ children: children }) {
+    const setSelectedUnit = (0, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5)((state)=>state.setSelectedUnit);
+    return $ed7dc56184962590$var$h("div.correlation-chart-inner", {
+        onClick () {
+            setSelectedUnit(null);
+        }
+    }, children);
+}
+function $ed7dc56184962590$var$TimescaleColumn(props) {
+    const { scaleInfo: scaleInfo, unconformityLabels: unconformityLabels = true } = props;
+    return $ed7dc56184962590$var$h("div.column-container.age-axis-container", [
+        $ed7dc56184962590$var$h((0, $43794af7643cdf40$export$ac30ca3cf5df959d), {
+            ...scaleInfo
+        }),
+        $ed7dc56184962590$var$h((0, $7d0f52717c0de7e1$export$463f46772c64d403), {
+            ...scaleInfo,
+            unconformityLabels: unconformityLabels
+        })
+    ]);
+}
+
+
+export {$ed7dc56184962590$export$9ebf875c09445bec as CorrelationChart};
+//# sourceMappingURL=column-views.aa9fcdba.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,sBAAsB;;;;;;;;;;;;;AAoCtB,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAarB,SAAS,0CAAiB,QAC/B,IAAI,iBACJ,gBAAgB,gBAChB,cAAc,yBACd,qBAAqB,uBACrB,kBAAkB,oBAClB,YAAY,kBACZ,cAAc,EACd,GAAG,YACmB;IACtB,MAAM,oBAAoB;QACxB,kBAAkB;QAClB,oBAAoB;QACpB,kBAAkB;QAClB,6BAA6B;IAC/B;IAEA,MAAM,YAAY,CAAA,GAAA,cAAM,EAAE;QACxB,IAAI,CAAC,MAAM,OAAO;QAClB,OAAO,CAAA,GAAA,yCAAwB,EAAE,MAAM;YACrC,GAAG,iBAAiB;YACpB,GAAG,UAAU;QACf;IACF,GAAG;QAAC;WAAS,OAAO,MAAM,CAAC;KAAY;IAEvC,MAAM,YAAY,CAAA,GAAA,aAAK,EAAE;IAEzB,iEAAiE;IACjE,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,OAAO,MAAM,IAAI,CAAC,KAAO,GAAG,KAAK,EAAE,UAAU,EAAE;IACjD,GAAG;QAAC;KAAK;IAET,MAAM,aAAa,CAAA,GAAA,oBAAY;IAE/B,MAAM,YAAY,CAAA,GAAA,iBAAS,EAAE;QAC3B,aAAa;IACf;IAEA,IAAI,aAAa,MACf,OAAO;IAGT,MAAM,YAAE,QAAQ,aAAE,SAAS,YAAE,QAAQ,EAAE,GAAG;IAE1C,MAAM,YAAY,AAAC,CAAA,cAAc,aAAY,IAAK;IAElD,OAAO,wBACL,CAAA,GAAA,yCAAc,GACd;QAAE,WAAW;IAAsB,GACnC,wBACE,CAAA,GAAA,yCAAoB,GACpB;mBAAE;sBAAW;wBAAc;eAAgB;IAAM,GACjD,wBAAE,iCAAW;QACX,wBAAE,uCAAiB;YACjB,KAAK;uBACL;gCACA;QACF;QACA,wBAAE,kBAAkB;YAAE,KAAK;QAAU,GAAG;YACtC,wBACE,CAAA,GAAA,UAAE,GACF;2BACE;gBACA,YAAY;gBACZ,QAAQ,UAAU,WAAW;gBAC7B,UAAU;YACZ,GACA,SAAS,GAAG,CAAC,CAAC,KAAK;gBACjB,MAAM,UAAE,MAAM,UAAE,MAAM,cAAE,UAAU,OAAE,GAAG,EAAE,GAAG,UAAU,QAAQ,CAAC,EAAE;gBACjE,OAAO,wBAAE,+BAAS;oBAChB,YAAY,IAAI,UAAU;yBAC1B;iCACA;mCACA;4BACA;4BACA;gCACA;gBACF;YACF;YAEF,wBAAE,EAAE,CAAC,iBAAiB,CAAA,GAAA,yCAAmB;YACzC,mDAAmD;YACnD,wBAAE,CAAA,GAAA,yCAAqB,GAAG;uBAAE;YAAM;SACnC;KACF;AAGP;AAEA,SAAS,8BAAQ,cACf,UAAU,iBACV,aAAa,eACb,WAAW,UACX,MAAM,UACN,MAAM,cACN,UAAU,EACX;IACC,OAAO,wBAAE,aAAa;QAAE,WAAW,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAAC,GAAG;QAC7D,kCAAkC;QAClC,gDAAgD;QAChD,wBAAE,kBAAkB;YAClB,WAAW,GAAG,CAAC,CAAC,MAAM;gBACpB,OAAO,wBAAE,8BAAQ;oBACf,OAAO,KAAK,KAAK;oBACjB,OAAO;oBACP,KAAK;4BACL;gCACA;oBACA,YAAY,IAAK,CAAA,cAAc,aAAY;gBAC7C;YACF;SACD;KACF;AACH;AAgBA,SAAS,6BAAO,KAAkB;IAChC,MAAM,SAAE,KAAK,SAAE,QAAQ,iBAAK,UAAU,UAAE,MAAM,cAAE,UAAU,EAAE,GAAG;IAE/D,MAAM,cAAc;IAEpB,IAAI,MAAM,MAAM,IAAI,GAClB,OAAO;IAGT,OAAO,wBACL,aACA;QACE,WAAW,CAAC,UAAU,EAAE,WAAW,GAAG,CAAC;IACzC,GACA,wBACE,CAAA,GAAA,qBAAa,GACb;QACE,mCAAmC;QACnC,WAAW;QACX,OAAO;QACP,gBAAgB;QAChB,UAAU,CAAA,GAAA,qBAAa,EAAE,GAAG;IAC9B,GACA,wBAAE,CAAA,GAAA,yCAAQ,GAAG;QACX,eAAe,CAAA,GAAA,yCAAmB;QAClC,oBAAoB;YAClB,UAAU;YACV,OAAO;QACT;IACF;AAGN;AAEA,SAAS,wCAAkB,QAAE,IAAI,eAAE,cAAc,oBAAK,gBAAgB,GAAG;IACvE,MAAM,SAAE,KAAK,SAAE,KAAK,kBAAE,cAAc,cAAE,UAAU,EAAE,GAAG;IAErD,MAAM,QAAQ,AAAC,CAAA,cAAc,aAAY,IAAK,WAAW,MAAM;IAC/D,MAAM,SAAS,KAAK,IAAI,CAAC,AAAC,CAAA,QAAQ,KAAI,IAAK,kBAAkB;IAE7D,MAAM,iBAAiB,CAAA,GAAA,yCAA0B,EAAE;IAEnD,MAAM,QAAQ,CAAC;QACb,OAAO,AAAC,CAAA,MAAM,KAAI,IAAK;IACzB;IAEA,OAAO,wBACL,uBACA;QAAE,OAAO;mBAAE;oBAAO;QAAO;IAAE,GAC3B,eAAe,GAAG,CAAC,CAAC;QAClB,OAAO,wBAAE,8CAAwB;YAC/B,MAAM;mBACN;YACA,YAAY;2BACZ;QACF;IACF;AAEJ;AAEA,SAAS,6CAAuB,QAAE,IAAI,SAAE,KAAK,cAAE,UAAU,iBAAE,aAAa,EAAE;IACxE,MAAM,SAAE,KAAK,SAAE,KAAK,mBAAE,eAAe,SAAE,KAAK,EAAE,GAAG;IACjD,+BAA+B;IAC/B,MAAM,QAAwB,CAAA,GAAA,yCAAkB,EAAE;IAElD,OAAO,wBACL,gCACA,MAAM,GAAG,CAAC,CAAC,GAAG;QACZ,OAAO,wBAAE,oCAAc;mBACrB;YACA,MAAM;wBACN;YACA,KAAK;2BACL;QACF;IACF;AAEJ;AAEA,SAAS,mCAAa,QACpB,IAAI,SACJ,KAAK,eACL,cAAc,oBACd,gBAAgB,eAChB,aAAa,GACd;IACC,MAAM,YAAE,QAAQ,UAAE,MAAM,mBAAE,eAAe,SAAE,KAAK,SAAE,KAAK,EAAE,GAAG;IAC5D,MAAM,MAAM,MAAM;IAClB,MAAM,OAAO,WAAY,CAAA,cAAc,aAAY;IACnD,MAAM,QAAQ,AAAC,CAAA,SAAS,WAAW,CAAA,IAAM,CAAA,cAAc,aAAY;IACnE,MAAM,SAAS,AAAC,CAAA,QAAQ,KAAI,IAAK;IACjC,OAAO,wBACL,sBACA;QAAE,OAAO;iBAAE;oBAAK;mBAAQ;kBAAO;QAAK;IAAE,GACtC;AAEJ;AAEA,SAAS,gCAAU,YAAE,QAAQ,EAAE;IAC7B,MAAM,kBAAkB,CAAA,GAAA,yCAAoB,EAC1C,CAAC,QAAU,MAAM,eAAe;IAGlC,OAAO,wBACL,+BACA;QACE;YACE,gBAAgB;QAClB;IACF,GACA;AAEJ;AAQA,SAAS,sCAAgB,KAA2B;IAClD,MAAM,aAAE,SAAS,sBAAE,qBAAqB,MAAM,GAAG;IACjD,OAAO,wBAAE,2CAA2C;QAClD,wBAAE,CAAA,GAAA,yCAAmB,GAAG;YAAE,GAAG,SAAS;QAAC;QACvC,wBAAE,CAAA,GAAA,yCAAqB,GAAG;YAAE,GAAG,SAAS;gCAAE;QAAmB;KAC9D;AACH","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  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  ...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              });\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  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          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 { units, width = 150, offsetLeft, domain, pixelScale } = 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: ColoredUnitComponent,\n        unitComponentProps: {\n          nColumns: 2,\n          width: columnWidth,\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.aa9fcdba.js.map"}

package/dist/esm/{isotopes-column.7cb5cc45.js → column-views.ac9fb5e1.js}

@@ -1,5 +1,5 @@
-import {useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./data-provider.1506eb64.js";
-import {useDataLocator as $1dbd903fb3e2f029$export$919dbb10b6b5b75, IsotopesDataArea as $1dbd903fb3e2f029$export$309ef8546e07d921, IsotopeDataPoint as $1dbd903fb3e2f029$export$4cb5d059db4e2bd} from "./data-area.daff8da0.js";
+import {useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./column-views.07521ce6.js";
+import {useDataLocator as $1dbd903fb3e2f029$export$919dbb10b6b5b75, IsotopesDataArea as $1dbd903fb3e2f029$export$309ef8546e07d921, IsotopeDataPoint as $1dbd903fb3e2f029$export$4cb5d059db4e2bd} from "./column-views.062d164a.js";
 import {format as $cjrRw$format} from "d3-format";
 import {useContext as $cjrRw$useContext} from "react";
 import $cjrRw$macrostrathyper from "@macrostrat/hyper";
@@ -160,4 +160,4 @@ function $d5a3eba6c540ff58$export$5d8aa8022c284748(props) {
 
 
 export {$d5a3eba6c540ff58$export$c69bd0285aa5d775 as IsotopesDataset, $d5a3eba6c540ff58$export$5d8aa8022c284748 as IsotopesColumn};
-//# sourceMappingURL=isotopes-column.7cb5cc45.js.map
+//# sourceMappingURL=column-views.ac9fb5e1.js.map

package/dist/esm/{isotopes-column.7cb5cc45.js.map → column-views.ac9fb5e1.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/column-views/src/carbon-isotopes/isotopes-column.ts"],"sourcesContent":["import { format } from \"d3-format\";\nimport { useContext } from \"react\";\nimport h 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  CrossAxisLayoutProvider,\n  ColumnLayoutContext,\n  useColumnDivisions,\n} from \"@macrostrat/column-components\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { AxisProps } from \"@visx/axis/lib/axis/Axis\";\n\nconst fmt = format(\".1f\");\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\nfunction ColumnScale(props) {\n  const {\n    label,\n    showAxis = true,\n    nTicks = 6,\n    tickValues: _tickVals,\n    ...rest\n  } = props;\n  const { xScale, pixelHeight, width } = useContext(ColumnLayoutContext);\n\n  const tickValues = _tickVals ?? xScale.ticks(nTicks);\n\n  return h(\"g.scale.isotope-scale-axis\", [\n    h(\n      \"g.scale-lines\",\n      tickValues.map((value) => {\n        const strokeDasharray = value == 0 ? null : \"2 6\";\n        return h(ScaleLine, { value, stroke: \"#ddd\", strokeDasharray });\n      })\n    ),\n    h.if(showAxis)([\n      h(\"rect.underlay\", {\n        x: 0,\n        y: pixelHeight,\n        width,\n        height: 30,\n      }),\n      h(AxisBottom, {\n        scale: xScale,\n        tickLength: 3,\n        tickValues,\n        ...rest,\n        top: pixelHeight,\n        tickLabelProps(tickValue, i) {\n          // Compensate for negative sign\n          let dx;\n          if (tickValue < 0) {\n            dx = -2;\n          }\n          return {\n            dy: \"-1px\",\n            dx,\n            fontSize: 10,\n            textAnchor: \"middle\",\n            fill: \"#aaa\",\n          };\n        },\n        labelOffset: 0,\n        label,\n      }),\n    ]),\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  if (labelBottom == null) {\n    labelBottom = false;\n  }\n  if (labelOffset == null) {\n    labelOffset = 12;\n  }\n  const { xScale, pixelHeight } = useContext(ColumnLayoutContext);\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(\"line\", { x0: 0, x1: 0, y0: 0, y1: pixelHeight, ...rest }),\n    h.if(labelBottom)(\"text\", { y: pixelHeight + labelOffset }, `${value}`),\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}\n\nfunction IsotopesDataset(props) {\n  const { parameter, color = \"dodgerblue\" } = props;\n  const divisions: BaseUnit[] = useColumnDivisions() as any;\n  const measures = useMeasurementData() ?? [];\n  const refMeasures = referenceMeasuresToColumn(divisions, measures).filter(\n    (d) => d.measurement == parameter\n  );\n  const points = unnestPoints(refMeasures);\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 } & AxisProps<any>\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    ...rest\n  } = props;\n\n  let _children: any = children;\n  if (children == null && parameter != null) {\n    _children = h(IsotopesDataset, { parameter, color, getHeight });\n  }\n\n  return h(\n    CrossAxisLayoutProvider,\n    { width, domain },\n    h(\"g.isotopes-column\", { className: parameter, transform }, [\n      h(ColumnScale, { label: label ?? parameter, ...rest }),\n      _children,\n    ])\n  );\n}\n\nexport { IsotopesColumn, IsotopesDataset };\n"],"names":[],"version":3,"file":"isotopes-column.7cb5cc45.js.map"}
+{"mappings":"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","sources":["packages/column-views/src/carbon-isotopes/isotopes-column.ts"],"sourcesContent":["import { format } from \"d3-format\";\nimport { useContext } from \"react\";\nimport h 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  CrossAxisLayoutProvider,\n  ColumnLayoutContext,\n  useColumnDivisions,\n} from \"@macrostrat/column-components\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { AxisProps } from \"@visx/axis/lib/axis/Axis\";\n\nconst fmt = format(\".1f\");\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\nfunction ColumnScale(props) {\n  const {\n    label,\n    showAxis = true,\n    nTicks = 6,\n    tickValues: _tickVals,\n    ...rest\n  } = props;\n  const { xScale, pixelHeight, width } = useContext(ColumnLayoutContext);\n\n  const tickValues = _tickVals ?? xScale.ticks(nTicks);\n\n  return h(\"g.scale.isotope-scale-axis\", [\n    h(\n      \"g.scale-lines\",\n      tickValues.map((value) => {\n        const strokeDasharray = value == 0 ? null : \"2 6\";\n        return h(ScaleLine, { value, stroke: \"#ddd\", strokeDasharray });\n      })\n    ),\n    h.if(showAxis)([\n      h(\"rect.underlay\", {\n        x: 0,\n        y: pixelHeight,\n        width,\n        height: 30,\n      }),\n      h(AxisBottom, {\n        scale: xScale,\n        tickLength: 3,\n        tickValues,\n        ...rest,\n        top: pixelHeight,\n        tickLabelProps(tickValue, i) {\n          // Compensate for negative sign\n          let dx;\n          if (tickValue < 0) {\n            dx = -2;\n          }\n          return {\n            dy: \"-1px\",\n            dx,\n            fontSize: 10,\n            textAnchor: \"middle\",\n            fill: \"#aaa\",\n          };\n        },\n        labelOffset: 0,\n        label,\n      }),\n    ]),\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  if (labelBottom == null) {\n    labelBottom = false;\n  }\n  if (labelOffset == null) {\n    labelOffset = 12;\n  }\n  const { xScale, pixelHeight } = useContext(ColumnLayoutContext);\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(\"line\", { x0: 0, x1: 0, y0: 0, y1: pixelHeight, ...rest }),\n    h.if(labelBottom)(\"text\", { y: pixelHeight + labelOffset }, `${value}`),\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}\n\nfunction IsotopesDataset(props) {\n  const { parameter, color = \"dodgerblue\" } = props;\n  const divisions: BaseUnit[] = useColumnDivisions() as any;\n  const measures = useMeasurementData() ?? [];\n  const refMeasures = referenceMeasuresToColumn(divisions, measures).filter(\n    (d) => d.measurement == parameter\n  );\n  const points = unnestPoints(refMeasures);\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 } & AxisProps<any>\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    ...rest\n  } = props;\n\n  let _children: any = children;\n  if (children == null && parameter != null) {\n    _children = h(IsotopesDataset, { parameter, color, getHeight });\n  }\n\n  return h(\n    CrossAxisLayoutProvider,\n    { width, domain },\n    h(\"g.isotopes-column\", { className: parameter, transform }, [\n      h(ColumnScale, { label: label ?? parameter, ...rest }),\n      _children,\n    ])\n  );\n}\n\nexport { IsotopesColumn, IsotopesDataset };\n"],"names":[],"version":3,"file":"column-views.ac9fb5e1.js.map"}

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

@@ -0,0 +1,11 @@
+import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3, ResizableMapFrame as $e6046e00d2c8a163$export$c4313db718750a5a, ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099} from "./column-views.f1efcc2c.js";
+import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49, ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.a98214b2.js";
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0, buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.fc2b4611.js";
+
+
+
+
+
+
+export {$9d5d216fa2057b5b$export$821baedf611249f3 as ColumnNavigationMap, $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, $dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap, $74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore, $5593f90ffec284da$export$1e8149fc0d15fed0 as InsetMap, $1dbfddc9637b572c$export$d2995719c3a4ae17 as buildColumnsStyle};
+//# sourceMappingURL=column-views.b2e5f1d9.js.map

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

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

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

@@ -0,0 +1,112 @@
+import {useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.9804efda.js";
+import {buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7, buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25} from "./column-views.dc42f5d0.js";
+import {useMemo as $1DDgQ$useMemo, useCallback as $1DDgQ$useCallback, useEffect as $1DDgQ$useEffect} from "react";
+import {setGeoJSON as $1DDgQ$setGeoJSON, buildGeoJSONSource as $1DDgQ$buildGeoJSONSource} from "@macrostrat/mapbox-utils";
+import {useMapRef as $1DDgQ$useMapRef, useMapStyleOperator as $1DDgQ$useMapStyleOperator} from "@macrostrat/mapbox-react";
+
+
+
+
+
+
+function $ab1043903d5406ef$export$8c41dd563753848(props) {
+    /** Keyboard navigation of columns using a Delaunay triangulation */ const { showTriangulation: showTriangulation = false } = props;
+    const columns = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.columns);
+    const col_id = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.selectedColumn);
+    const selectColumn = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.selectColumn);
+    const voronoi = (0, $1DDgQ$useMemo)(()=>{
+        if (!columns || columns.length == 0) return null;
+        return (0, $40b71acee908f16d$export$39cd73f2cb8dc4f7)(columns);
+    }, [
+        columns
+    ]);
+    const mapRef = (0, $1DDgQ$useMapRef)();
+    const map = mapRef.current;
+    const keyMapping = (0, $1DDgQ$useMemo)(()=>{
+        if (columns == null || voronoi == null || map == null) return null;
+        const projection = (d)=>{
+            const pt = map.project(d);
+            return [
+                pt.x,
+                pt.y
+            ];
+        };
+        const currentIndex = columns.findIndex((d)=>d.properties.col_id == col_id);
+        const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];
+        return (0, $40b71acee908f16d$export$b3975a0f05980d25)(neighbors, voronoi.centroids, currentIndex, projection);
+    }, [
+        col_id,
+        columns,
+        voronoi,
+        map
+    ]);
+    const onKeyDown = (0, $1DDgQ$useCallback)((event)=>{
+        if (keyMapping == null) return;
+        const nextColumnIx = keyMapping[event.which];
+        if (nextColumnIx == null) return;
+        event.preventDefault();
+        event.stopPropagation();
+        // @ts-ignore
+        selectColumn(columns[nextColumnIx].id);
+        return false;
+    }, [
+        keyMapping,
+        selectColumn
+    ]);
+    (0, $1DDgQ$useEffect)(()=>{
+        if (map == null) return;
+        const canvas = map.getCanvas();
+        canvas.addEventListener("keydown", onKeyDown);
+        return ()=>{
+            canvas.removeEventListener("keydown", onKeyDown);
+        };
+    }, [
+        map,
+        onKeyDown
+    ]);
+    (0, $1DDgQ$useMapStyleOperator)((map)=>{
+        if (voronoi == null || !showTriangulation) return;
+        const { features: features } = voronoi.tri.links();
+        (0, $1DDgQ$setGeoJSON)(map, "column-links", {
+            type: "FeatureCollection",
+            features: features
+        });
+    }, [
+        voronoi,
+        showTriangulation
+    ]);
+    //if (neighbors == null) return null;
+    //const neighborFeatures = neighbors.map((d) => features[d]);
+    return null;
+}
+function $ab1043903d5406ef$export$c613fba0aabeee13(color = "purple") {
+    return {
+        sources: {
+            "column-links": (0, $1DDgQ$buildGeoJSONSource)()
+        },
+        layers: [
+            {
+                id: "column-links",
+                type: "line",
+                source: "column-links",
+                paint: {
+                    "line-color": color,
+                    "line-width": 1.5
+                }
+            },
+            {
+                id: "column-centers",
+                type: "circle",
+                source: "column-links",
+                paint: {
+                    "circle-radius": 2,
+                    "circle-color": color
+                }
+            }
+        ]
+    };
+}
+
+
+export {$ab1043903d5406ef$export$8c41dd563753848 as ColumnKeyboardNavigation, $ab1043903d5406ef$export$c613fba0aabeee13 as buildKeyboardNavigationStyle};
+//# sourceMappingURL=column-views.b775c0a3.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAaO,SAAS,yCAAyB,KAAuB;IAC9D,kEAAkE,GAClE,MAAM,qBAAE,oBAAoB,OAAO,GAAG;IACtC,MAAM,UAAU,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,OAAO;IACjE,MAAM,SAAS,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,cAAc;IACvE,MAAM,eAAe,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,YAAY;IAE3E,MAAM,UAAU,CAAA,GAAA,cAAM,EAAE;QACtB,IAAI,CAAC,WAAW,QAAQ,MAAM,IAAI,GAAG,OAAO;QAC5C,OAAO,CAAA,GAAA,yCAAiB,EAAE;IAC5B,GAAG;QAAC;KAAQ;IAEZ,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,MAAM,OAAO,OAAO;IAE1B,MAAM,aAAa,CAAA,GAAA,cAAM,EAAE;QACzB,IAAI,WAAW,QAAQ,WAAW,QAAQ,OAAO,MAAM,OAAO;QAE9D,MAAM,aAAa,CAAC;YAClB,MAAM,KAAK,IAAI,OAAO,CAAC;YACvB,OAAO;gBAAC,GAAG,CAAC;gBAAE,GAAG,CAAC;aAAC;QACrB;QAEA,MAAM,eAAe,QAAQ,SAAS,CACpC,CAAC,IAAM,EAAE,UAAU,CAAC,MAAM,IAAI;QAGhC,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAa;QAC9D,OAAO,CAAA,GAAA,yCAAc,EACnB,WACA,QAAQ,SAAS,EACjB,cACA;IAEJ,GAAG;QAAC;QAAQ;QAAS;QAAS;KAAI;IAElC,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,cAAc,MAAM;QACxB,MAAM,eAAe,UAAU,CAAC,MAAM,KAAK,CAAC;QAC5C,IAAI,gBAAgB,MAAM;QAC1B,MAAM,cAAc;QACpB,MAAM,eAAe;QACrB,aAAa;QACb,aAAa,OAAO,CAAC,aAAa,CAAC,EAAE;QACrC,OAAO;IACT,GACA;QAAC;QAAY;KAAa;IAG5B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,OAAO,MAAM;QACjB,MAAM,SAAS,IAAI,SAAS;QAC5B,OAAO,gBAAgB,CAAC,WAAW;QACnC,OAAO;YACL,OAAO,mBAAmB,CAAC,WAAW;QACxC;IACF,GAAG;QAAC;QAAK;KAAU;IAEnB,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,WAAW,QAAQ,CAAC,mBAAmB;QAC3C,MAAM,YAAE,QAAQ,EAAE,GAAG,QAAQ,GAAG,CAAC,KAAK;QAEtC,CAAA,GAAA,iBAAS,EAAE,KAAK,gBAAgB;YAC9B,MAAM;sBACN;QACF;IACF,GACA;QAAC;QAAS;KAAkB;IAG9B,qCAAqC;IACrC,6DAA6D;IAE7D,OAAO;AACT;AAEO,SAAS,0CAA6B,QAAgB,QAAQ;IACnE,OAAO;QACL,SAAS;YACP,gBAAgB,CAAA,GAAA,yBAAiB;QAEnC;QACA,QAAQ;YACN;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,cAAc;oBACd,cAAc;gBAChB;YACF;YACA;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,iBAAiB;oBACjB,gBAAgB;gBAClB;YACF;SACD;IACH;AACF","sources":["packages/column-views/src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn]\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation]\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  };\n}\n"],"names":[],"version":3,"file":"column-views.b775c0a3.js.map"}

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

@@ -0,0 +1,39 @@
+function $c491b6231216b7f9$export$77c3cc7a57c6db5f(section) {
+    /* Section should be specified as space-separated coordinates */ if (section == null || typeof section !== "string") return null;
+    try {
+        let coords = section.split(" ").map($c491b6231216b7f9$var$parseCoordinates);
+        return {
+            type: "LineString",
+            coordinates: coords
+        };
+    } catch (e) {
+        console.warn(e);
+        return null;
+    }
+}
+function $c491b6231216b7f9$export$8c53992169ff5301(line) {
+    if (line == null || line.type !== "LineString" || line.coordinates.length < 2) return null;
+    return line.coordinates.map((coord)=>coord.map($c491b6231216b7f9$var$stringifyNumber).join(",")).join(" ");
+}
+function $c491b6231216b7f9$var$parseCoordinates(s) {
+    let [x, y] = s.split(",").map($c491b6231216b7f9$var$parseNumber);
+    if (x == null || y == null || isNaN(x) || isNaN(y)) throw new Error("Invalid coordinate string");
+    if (x > 180 || x < -180 || y > 90 || y < -90) throw new Error("Invalid coordinate value");
+    return [
+        x,
+        y
+    ];
+}
+function $c491b6231216b7f9$var$parseNumber(s) {
+    let s1 = s;
+    // For some reason, we sometimes get en-dashes in the hash string
+    if (s1[0] == "\u2212") s1 = "-" + s1.slice(1);
+    return Number(s1);
+}
+const $c491b6231216b7f9$var$stringifyNumber = (d)=>d.toLocaleString("en-US", {
+        maximumFractionDigits: 2
+    });
+
+
+export {$c491b6231216b7f9$export$77c3cc7a57c6db5f as parseLineFromString, $c491b6231216b7f9$export$8c53992169ff5301 as stringifyLine};
+//# sourceMappingURL=column-views.beb54e95.js.map

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

@@ -0,0 +1 @@
+{"mappings":"AAEO,SAAS,0CAAoB,OAAe;IACjD,8DAA8D,GAC9D,IAAI,WAAW,QAAQ,OAAO,YAAY,UACxC,OAAO;IAGT,IAAI;QACF,IAAI,SAAS,QAAQ,KAAK,CAAC,KAAK,GAAG,CAAC;QACpC,OAAO;YACL,MAAM;YACN,aAAa;QACf;IACF,EAAE,OAAO,GAAG;QACV,QAAQ,IAAI,CAAC;QACb,OAAO;IACT;AACF;AAEO,SAAS,0CAAc,IAAuB;IACnD,IACE,QAAQ,QACR,KAAK,IAAI,KAAK,gBACd,KAAK,WAAW,CAAC,MAAM,GAAG,GAE1B,OAAO;IAET,OAAO,KAAK,WAAW,CACpB,GAAG,CAAC,CAAC,QAAU,MAAM,GAAG,CAAC,uCAAiB,IAAI,CAAC,MAC/C,IAAI,CAAC;AACV;AAEA,SAAS,uCAAiB,CAAS;IACjC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC;IAC9B,IAAI,KAAK,QAAQ,KAAK,QAAQ,MAAM,MAAM,MAAM,IAC9C,MAAM,IAAI,MAAM;IAElB,IAAI,IAAI,OAAO,IAAI,QAAQ,IAAI,MAAM,IAAI,KACvC,MAAM,IAAI,MAAM;IAElB,OAAO;QAAC;QAAG;KAAE;AACf;AAEA,SAAS,kCAAY,CAAS;IAC5B,IAAI,KAAK;IACT,iEAAiE;IACjE,IAAI,EAAE,CAAC,EAAE,IAAI,UACX,KAAK,MAAM,GAAG,KAAK,CAAC;IAEtB,OAAO,OAAO;AAChB;AAEA,MAAM,wCAAkB,CAAC,IACvB,EAAE,cAAc,CAAC,SAAS;QACxB,uBAAuB;IACzB","sources":["packages/column-views/src/correlation-chart/hash-string.ts"],"sourcesContent":["import { LineString } from \"geojson\";\n\nexport function parseLineFromString(section: string): LineString | null {\n  /* Section should be specified as space-separated coordinates */\n  if (section == null || typeof section !== \"string\") {\n    return null;\n  }\n\n  try {\n    let coords = section.split(\" \").map(parseCoordinates);\n    return {\n      type: \"LineString\",\n      coordinates: coords,\n    };\n  } catch (e) {\n    console.warn(e);\n    return null;\n  }\n}\n\nexport function stringifyLine(line: LineString | null): string | null {\n  if (\n    line == null ||\n    line.type !== \"LineString\" ||\n    line.coordinates.length < 2\n  ) {\n    return null;\n  }\n  return line.coordinates\n    .map((coord) => coord.map(stringifyNumber).join(\",\"))\n    .join(\" \");\n}\n\nfunction parseCoordinates(s: string): [number, number] {\n  let [x, y] = s.split(\",\").map(parseNumber);\n  if (x == null || y == null || isNaN(x) || isNaN(y)) {\n    throw new Error(\"Invalid coordinate string\");\n  }\n  if (x > 180 || x < -180 || y > 90 || y < -90) {\n    throw new Error(\"Invalid coordinate value\");\n  }\n  return [x, y];\n}\n\nfunction parseNumber(s: string): number {\n  let s1 = s;\n  // For some reason, we sometimes get en-dashes in the hash string\n  if (s1[0] == \"−\") {\n    s1 = \"-\" + s1.slice(1);\n  }\n  return Number(s1);\n}\n\nconst stringifyNumber = (d) =>\n  d.toLocaleString(\"en-US\", {\n    maximumFractionDigits: 2,\n  });\n"],"names":[],"version":3,"file":"column-views.beb54e95.js.map"}

package/dist/esm/{core.4db8e452.js → column-views.c58aad3f.js}

@@ -1,11 +1,11 @@
-import $l9wxE$columnmodule7f47d25ajs from "./column.module.7f47d25a.js";
-import "./column.module.cbb072df.css";
-import $132b1b0fb905c489$export$2e2bcd8739ae039 from "./column.db058031.js";
-import {ColumnNavigatorMap as $157bdadaa2bcfcf5$export$d9144ecbc6b090c5} from "./map.7aa26f17.js";
-import {MeasurementsLayer as $347c34ac01fb689b$export$2254347cd20e6080} from "./layers.ad5fd25d.js";
-import {MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841} from "./data-provider.1506eb64.js";
-import {MacrostratAPIProvider as $29bf41d89292aad4$export$3098013bc6cc316d} from "./providers.cd1e652f.js";
-import {useColumnNav as $4d5d1c15f39f6a14$export$91cb5ac808759b34} from "./selection.bbf26d0e.js";
+import $l9wxE$columnviews94b5cca1js from "./column-views.94b5cca1.js";
+import "./column-views.a7be0a4a.css";
+import $132b1b0fb905c489$export$2e2bcd8739ae039 from "./column-views.3f4db8cb.js";
+import {ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b} from "./column-views.68409161.js";
+import {MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080} from "./column-views.e77b9d6b.js";
+import {MacrostratDataProvider as $774a5efa27d1c77b$export$690613f93cdc5576} from "./column-views.28ee5f43.js";
+import {useColumnNav as $b8de97dfa82f4910$export$91cb5ac808759b34} from "./column-views.6d6b73b4.js";
+import {MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841} from "./column-views.07521ce6.js";
 import $l9wxE$macrostrathyper from "@macrostrat/hyper";
 import {useAPIResult as $l9wxE$useAPIResult} from "@macrostrat/ui-components";
 import {useMemo as $l9wxE$useMemo} from "react";
@@ -22,8 +22,7 @@ function $parcel$interopDefault(a) {
 
 
 
-
-const $5cc70deb5088007a$var$h = (0, $l9wxE$macrostrathyper).styled((0, ($parcel$interopDefault($l9wxE$columnmodule7f47d25ajs))));
+const $5cc70deb5088007a$var$h = (0, $l9wxE$macrostrathyper).styled((0, ($parcel$interopDefault($l9wxE$columnviews94b5cca1js))));
 const $5cc70deb5088007a$var$ColumnTitle = (props)=>{
     return $5cc70deb5088007a$var$h.if(props.data != null)("h1", props.data?.col_name);
 };
@@ -34,7 +33,7 @@ const $5cc70deb5088007a$var$defaultArgs = {
     status_code: "in process"
 };
 function $5cc70deb5088007a$export$883edafebdc6d87e(columnArgs) {
-    return $5cc70deb5088007a$var$h((0, $29bf41d89292aad4$export$3098013bc6cc316d), $5cc70deb5088007a$var$h((0, $8adf39b8c41fe3cc$export$5f01d5b342a89841), columnArgs, [
+    return $5cc70deb5088007a$var$h((0, $774a5efa27d1c77b$export$690613f93cdc5576), $5cc70deb5088007a$var$h((0, $8adf39b8c41fe3cc$export$5f01d5b342a89841), columnArgs, [
         // @ts-ignore
         $5cc70deb5088007a$var$h((0, $132b1b0fb905c489$export$2e2bcd8739ae039), {
             params: columnArgs
@@ -42,7 +41,7 @@ function $5cc70deb5088007a$export$883edafebdc6d87e(columnArgs) {
     ]));
 }
 function $5cc70deb5088007a$var$ColumnManager() {
-    const [columnArgs, setCurrentColumn] = (0, $4d5d1c15f39f6a14$export$91cb5ac808759b34)($5cc70deb5088007a$var$defaultArgs);
+    const [columnArgs, setCurrentColumn] = (0, $b8de97dfa82f4910$export$91cb5ac808759b34)($5cc70deb5088007a$var$defaultArgs);
     const { col_id: col_id, ...projectParams } = columnArgs;
     const colParams = (0, $l9wxE$useMemo)(()=>({
             ...columnArgs,
@@ -64,12 +63,12 @@ function $5cc70deb5088007a$var$ColumnManager() {
                 })
             ]),
             $5cc70deb5088007a$var$h("div.map-column", [
-                $5cc70deb5088007a$var$h((0, $157bdadaa2bcfcf5$export$d9144ecbc6b090c5), {
+                $5cc70deb5088007a$var$h((0, $e6046e00d2c8a163$export$9595c40c7a4c4f7b), {
                     currentColumn: columnFeature,
                     setCurrentColumn: setCurrentColumn,
                     margin: 0,
                     ...projectParams
-                }, $5cc70deb5088007a$var$h((0, $347c34ac01fb689b$export$2254347cd20e6080), {
+                }, $5cc70deb5088007a$var$h((0, $93f116a6493b17c3$export$2254347cd20e6080), {
                     ...projectParams,
                     style: {
                         fill: "dodgerblue",
@@ -81,9 +80,9 @@ function $5cc70deb5088007a$var$ColumnManager() {
     ]);
 }
 function $5cc70deb5088007a$export$e2beef9ae524c9d5() {
-    return $5cc70deb5088007a$var$h((0, $29bf41d89292aad4$export$3098013bc6cc316d), $5cc70deb5088007a$var$h($5cc70deb5088007a$var$ColumnManager));
+    return $5cc70deb5088007a$var$h((0, $774a5efa27d1c77b$export$690613f93cdc5576), $5cc70deb5088007a$var$h($5cc70deb5088007a$var$ColumnManager));
 }
 
 
 export {$5cc70deb5088007a$export$883edafebdc6d87e as CarbonIsotopesColumn, $5cc70deb5088007a$export$e2beef9ae524c9d5 as CarbonIsotopesApp};
-//# sourceMappingURL=core.4db8e452.js.map
+//# sourceMappingURL=column-views.c58aad3f.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAE5B,MAAM,oCAAc,CAAC;IACnB,OAAO,wBAAE,EAAE,CAAC,MAAM,IAAI,IAAI,MAAM,MAAM,MAAM,IAAI,EAAE;AACpD;AAEA,MAAM,oCAA0B;IAC9B,QAAQ;IACR,gBAAgB;IAChB,YAAY;IACZ,aAAa;AACf;AAEO,SAAS,0CAAqB,UAAU;IAC7C,OAAO,wBACL,CAAA,GAAA,yCAAqB,GACrB,wBAAE,CAAA,GAAA,yCAAsB,GAAG,YAAY;QACrC,aAAa;QACb,wBAAE,CAAA,GAAA,wCAAS,GAAG;YAAE,QAAQ;QAAW;KACpC;AAEL;AAEA,SAAS;IACP,MAAM,CAAC,YAAY,iBAAiB,GAAG,CAAA,GAAA,yCAAW,EAAE;IACpD,MAAM,UAAE,MAAM,EAAE,GAAG,eAAe,GAAG;IAErC,MAAM,YAAY,CAAA,GAAA,cAAM,EACtB,IAAO,CAAA;YAAE,GAAG,UAAU;YAAE,QAAQ;QAAU,CAAA,GAC1C;QAAC;KAAW;IAEd,MAAM,MAAyB,CAAA,GAAA,mBAAW,EAAE,YAAY;IACxD,MAAM,gBAAgB,KAAK,QAAQ,CAAC,EAAE;IAEtC,OAAO,wBAAE,CAAA,GAAA,yCAAsB,GAAG,YAAY;QAC5C,wBAAE,iBAAiB;YACjB,wBAAE,mBAAmB;gBACnB,wBAAE,mCAAa;oBAAE,MAAM,eAAe;gBAAW;gBACjD,aAAa;gBACb,wBAAE,CAAA,GAAA,wCAAS,GAAG;oBAAE,QAAQ;gBAAW;aACpC;YACD,wBAAE,kBAAkB;gBAClB,wBACE,CAAA,GAAA,yCAAqB,GACrB;oBACE,eAAe;sCACf;oBACA,QAAQ;oBACR,GAAG,aAAa;gBAClB,GACA,wBAAE,CAAA,GAAA,yCAAgB,GAAG;oBACnB,GAAG,aAAa;oBAChB,OAAO;wBACL,MAAM;wBACN,QAAQ;oBACV;gBACF;aAEH;SACF;KACF;AACH;AAEO,SAAS;IACd,OAAO,wBAAE,CAAA,GAAA,yCAAqB,GAAG,wBAAE;AACrC","sources":["packages/column-views/src/carbon-isotopes/core.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./column.module.sass\";\n\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport BaseColumn from \"./column\";\nimport { ColumnNavigationSVGMap, MeasurementsLayer } from \"../maps\";\nimport {\n  MacrostratDataProvider,\n  ColumnArgs,\n  useColumnNav,\n} from \"../data-provider\";\nimport { MeasurementDataProvider } from \"./data-provider\";\nimport { useMemo } from \"react\";\nimport { FeatureCollection } from \"geojson\";\n\nconst h = hyper.styled(styles);\n\nconst ColumnTitle = (props) => {\n  return h.if(props.data != null)(\"h1\", props.data?.col_name);\n};\n\nconst defaultArgs: ColumnArgs = {\n  col_id: 2192,\n  //unit_id: null,\n  project_id: 10,\n  status_code: \"in process\",\n};\n\nexport function CarbonIsotopesColumn(columnArgs) {\n  return h(\n    MacrostratDataProvider,\n    h(MeasurementDataProvider, columnArgs, [\n      // @ts-ignore\n      h(BaseColumn, { params: columnArgs }),\n    ])\n  );\n}\n\nfunction ColumnManager() {\n  const [columnArgs, setCurrentColumn] = useColumnNav(defaultArgs);\n  const { col_id, ...projectParams } = columnArgs;\n\n  const colParams = useMemo(\n    () => ({ ...columnArgs, format: \"geojson\" }),\n    [columnArgs]\n  );\n  const res: FeatureCollection = useAPIResult(\"/columns\", colParams);\n  const columnFeature = res?.features[0];\n\n  return h(MeasurementDataProvider, columnArgs, [\n    h(\"div.column-ui\", [\n      h(\"div.column-view\", [\n        h(ColumnTitle, { data: columnFeature?.properties }),\n        // @ts-ignore\n        h(BaseColumn, { params: columnArgs }),\n      ]),\n      h(\"div.map-column\", [\n        h(\n          ColumnNavigationSVGMap,\n          {\n            currentColumn: columnFeature,\n            setCurrentColumn,\n            margin: 0,\n            ...projectParams,\n          },\n          h(MeasurementsLayer, {\n            ...projectParams,\n            style: {\n              fill: \"dodgerblue\",\n              stroke: \"blue\",\n            },\n          })\n        ),\n      ]),\n    ]),\n  ]);\n}\n\nexport function CarbonIsotopesApp() {\n  return h(MacrostratDataProvider, h(ColumnManager));\n}\n"],"names":[],"version":3,"file":"column-views.c58aad3f.js.map"}

package/dist/esm/{carbon-isotopes.3b502a9e.js → column-views.d1ad48eb.js}

@@ -1,6 +1,6 @@
-import {IsotopesDataset as $d5a3eba6c540ff58$export$c69bd0285aa5d775, IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748} from "./isotopes-column.7cb5cc45.js";
-import {MeasurementDataContext as $8adf39b8c41fe3cc$export$c644ef985ce7a4c4, MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841, useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./data-provider.1506eb64.js";
-import {CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, CarbonIsotopesApp as $5cc70deb5088007a$export$e2beef9ae524c9d5} from "./core.4db8e452.js";
+import {IsotopesDataset as $d5a3eba6c540ff58$export$c69bd0285aa5d775, IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748} from "./column-views.ac9fb5e1.js";
+import {MeasurementDataContext as $8adf39b8c41fe3cc$export$c644ef985ce7a4c4, MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841, useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./column-views.07521ce6.js";
+import {CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, CarbonIsotopesApp as $5cc70deb5088007a$export$e2beef9ae524c9d5} from "./column-views.c58aad3f.js";
 
 
 
@@ -8,4 +8,4 @@ import {CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, Carbo
 
 
 export {$d5a3eba6c540ff58$export$c69bd0285aa5d775 as IsotopesDataset, $d5a3eba6c540ff58$export$5d8aa8022c284748 as IsotopesColumn, $8adf39b8c41fe3cc$export$c644ef985ce7a4c4 as MeasurementDataContext, $8adf39b8c41fe3cc$export$5f01d5b342a89841 as MeasurementDataProvider, $8adf39b8c41fe3cc$export$8a0335fd9ff72150 as useMeasurementData, $5cc70deb5088007a$export$883edafebdc6d87e as CarbonIsotopesColumn, $5cc70deb5088007a$export$e2beef9ae524c9d5 as CarbonIsotopesApp};
-//# sourceMappingURL=carbon-isotopes.3b502a9e.js.map
+//# sourceMappingURL=column-views.d1ad48eb.js.map

package/dist/esm/{carbon-isotopes.3b502a9e.js.map → column-views.d1ad48eb.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/carbon-isotopes/index.ts"],"sourcesContent":["export * from \"./isotopes-column\";\nexport * from \"./data-provider\";\nexport * from \"./core\";\n"],"names":[],"version":3,"file":"carbon-isotopes.3b502a9e.js.map"}
+{"mappings":"","sources":["packages/column-views/src/carbon-isotopes/index.ts"],"sourcesContent":["export * from \"./isotopes-column\";\nexport * from \"./data-provider\";\nexport * from \"./core\";\n"],"names":[],"version":3,"file":"column-views.d1ad48eb.js.map"}