@macrostrat/column-views 1.0.0

package/dist/index.js

@@ -0,0 +1,19 @@
+import {UnitsColumn as $4c8184c4a7317749$export$3750278673318c9a, SimpleUnitsColumn as $4c8184c4a7317749$export$2006342ddaa547c6, TrackedLabeledUnit as $8c8238faa5cde49c$export$f613830566442374, AnnotatedUnitsColumn as $8c8238faa5cde49c$export$d8c3f2fdd653a082, CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e, CompositeUnitComponent as $8c8238faa5cde49c$export$1dfa200d57964eee, MacrostratAxisKey as $faf1eba02aecac6a$export$6d217bb9de27dba7, transformAxisType as $faf1eba02aecac6a$export$ab2a19f8a72df19b, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309, useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useColumnNav as $4d5d1c15f39f6a14$export$91cb5ac808759b34, ColumnNavProvider as $4d5d1c15f39f6a14$export$36fed9e0f93a8fde, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1} from "./units.5ec6a44c.js";
+import {extendDivision as $2c60de495788ce61$export$9f8a901d6936c6b6, preprocessUnits as $2c60de495788ce61$export$55543e159517d62d, groupUnitsIntoSections as $2c60de495788ce61$export$dfbd00399d639b4c, _mergeOverlappingSections as $2c60de495788ce61$export$ec445c47b6e5d2d, ensureArray as $2c60de495788ce61$export$d0c8ecbd4ed8940c} from "./helpers.2af05ee4.js";
+import {AgeAxis as $43794af7643cdf40$export$25ce20521d0ab97d} from "./age-axis.7ce58d66.js";
+import {MeasurementDataContext as $8adf39b8c41fe3cc$export$c644ef985ce7a4c4, MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841, useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150, IsotopesDataset as $d5a3eba6c540ff58$export$c69bd0285aa5d775, IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748, CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, CarbonIsotopesApp as $5cc70deb5088007a$export$e2beef9ae524c9d5} from "./carbon-isotopes.6d9bddcf.js";
+import {MacrostratColumnProvider as $29bf41d89292aad4$export$9e42f9b6e0d67c7d, MacrostratAPIProvider as $29bf41d89292aad4$export$3098013bc6cc316d} from "./providers.abcb2cbe.js";
+import {ResizableMapFrame as $157bdadaa2bcfcf5$export$c4313db718750a5a, ColumnNavigatorMap as $157bdadaa2bcfcf5$export$d9144ecbc6b090c5, MeasurementsLayer as $347c34ac01fb689b$export$2254347cd20e6080, processTopoJSON as $347c34ac01fb689b$export$4ad66a3119e1afaa, ColumnFeatures as $347c34ac01fb689b$export$f177ff57c101017a, ColumnKeyboardNavigation as $347c34ac01fb689b$export$8c41dd563753848, useColumnData as $347c34ac01fb689b$export$6b70218db02fa4ce, Columns as $347c34ac01fb689b$export$f02cc02ad0e0bba3, ColumnCenters as $347c34ac01fb689b$export$4d8f6e6df85d9012, CurrentColumn as $347c34ac01fb689b$export$b9d912252344e099} from "./map.e782010f.js";
+import {UnitComponent as $2118f0266dc7e955$export$48a4cacf2b7a4441, Column as $2118f0266dc7e955$export$816b5d811295e6bc} from "./column.e35a471f.js";
+
+
+
+
+
+
+
+
+
+
+export {$4c8184c4a7317749$export$3750278673318c9a as UnitsColumn, $4c8184c4a7317749$export$2006342ddaa547c6 as SimpleUnitsColumn, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $faf1eba02aecac6a$export$6d217bb9de27dba7 as MacrostratAxisKey, $faf1eba02aecac6a$export$ab2a19f8a72df19b as transformAxisType, $4d5d1c15f39f6a14$export$77a278d5ca56e309 as useUnitSelectionDispatch, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da as useSelectedUnit, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4 as UnitSelectionProvider, $4d5d1c15f39f6a14$export$91cb5ac808759b34 as useColumnNav, $4d5d1c15f39f6a14$export$36fed9e0f93a8fde as ColumnNavProvider, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1 as UnitKeyboardNavigation, $2c60de495788ce61$export$9f8a901d6936c6b6 as extendDivision, $2c60de495788ce61$export$55543e159517d62d as preprocessUnits, $2c60de495788ce61$export$dfbd00399d639b4c as groupUnitsIntoSections, $2c60de495788ce61$export$ec445c47b6e5d2d as _mergeOverlappingSections, $2c60de495788ce61$export$d0c8ecbd4ed8940c as ensureArray, $43794af7643cdf40$export$25ce20521d0ab97d as AgeAxis, $8adf39b8c41fe3cc$export$c644ef985ce7a4c4 as MeasurementDataContext, $8adf39b8c41fe3cc$export$5f01d5b342a89841 as MeasurementDataProvider, $8adf39b8c41fe3cc$export$8a0335fd9ff72150 as useMeasurementData, $d5a3eba6c540ff58$export$c69bd0285aa5d775 as IsotopesDataset, $d5a3eba6c540ff58$export$5d8aa8022c284748 as IsotopesColumn, $5cc70deb5088007a$export$883edafebdc6d87e as CarbonIsotopesColumn, $5cc70deb5088007a$export$e2beef9ae524c9d5 as CarbonIsotopesApp, $29bf41d89292aad4$export$9e42f9b6e0d67c7d as MacrostratColumnProvider, $29bf41d89292aad4$export$3098013bc6cc316d as MacrostratAPIProvider, $157bdadaa2bcfcf5$export$c4313db718750a5a as ResizableMapFrame, $157bdadaa2bcfcf5$export$d9144ecbc6b090c5 as ColumnNavigatorMap, $347c34ac01fb689b$export$2254347cd20e6080 as MeasurementsLayer, $347c34ac01fb689b$export$4ad66a3119e1afaa as processTopoJSON, $347c34ac01fb689b$export$f177ff57c101017a as ColumnFeatures, $347c34ac01fb689b$export$8c41dd563753848 as ColumnKeyboardNavigation, $347c34ac01fb689b$export$6b70218db02fa4ce as useColumnData, $347c34ac01fb689b$export$f02cc02ad0e0bba3 as Columns, $347c34ac01fb689b$export$4d8f6e6df85d9012 as ColumnCenters, $347c34ac01fb689b$export$b9d912252344e099 as CurrentColumn, $2118f0266dc7e955$export$48a4cacf2b7a4441 as UnitComponent, $2118f0266dc7e955$export$816b5d811295e6bc as Column};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/column-views/src/index.ts"],"sourcesContent":["export * from \"./units\";\nexport * from \"./age-axis\";\nexport * from \"./carbon-isotopes\";\nexport * from \"./providers\";\nexport * from \"./helpers\";\nexport * from \"./map\";\nexport * from \"./column\";\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/index.module.8fad0020.js

@@ -0,0 +1,37 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $051e16c544ec71c3$exports = {};
+
+$parcel$export($051e16c544ec71c3$exports, "color-swatch", () => $051e16c544ec71c3$export$def51519e6441a17, (v) => $051e16c544ec71c3$export$def51519e6441a17 = v);
+$parcel$export($051e16c544ec71c3$exports, "legend-panel-header", () => $051e16c544ec71c3$export$ce652ed9af8e3365, (v) => $051e16c544ec71c3$export$ce652ed9af8e3365 = v);
+$parcel$export($051e16c544ec71c3$exports, "no-units", () => $051e16c544ec71c3$export$aff88130074c0d5f, (v) => $051e16c544ec71c3$export$aff88130074c0d5f = v);
+$parcel$export($051e16c544ec71c3$exports, "proportion", () => $051e16c544ec71c3$export$5a14da41381fe262, (v) => $051e16c544ec71c3$export$5a14da41381fe262 = v);
+$parcel$export($051e16c544ec71c3$exports, "sep", () => $051e16c544ec71c3$export$5aee1a5bd9743d8f, (v) => $051e16c544ec71c3$export$5aee1a5bd9743d8f = v);
+$parcel$export($051e16c544ec71c3$exports, "spacer", () => $051e16c544ec71c3$export$8cc075c801fd6817, (v) => $051e16c544ec71c3$export$8cc075c801fd6817 = v);
+$parcel$export($051e16c544ec71c3$exports, "strat-name-id", () => $051e16c544ec71c3$export$3ab27000c02e6186, (v) => $051e16c544ec71c3$export$3ab27000c02e6186 = v);
+$parcel$export($051e16c544ec71c3$exports, "unit-details-content", () => $051e16c544ec71c3$export$1c30616b5f94c6bc, (v) => $051e16c544ec71c3$export$1c30616b5f94c6bc = v);
+$parcel$export($051e16c544ec71c3$exports, "unit-id", () => $051e16c544ec71c3$export$e22f189945dfce76, (v) => $051e16c544ec71c3$export$e22f189945dfce76 = v);
+var $051e16c544ec71c3$export$def51519e6441a17;
+var $051e16c544ec71c3$export$ce652ed9af8e3365;
+var $051e16c544ec71c3$export$aff88130074c0d5f;
+var $051e16c544ec71c3$export$5a14da41381fe262;
+var $051e16c544ec71c3$export$5aee1a5bd9743d8f;
+var $051e16c544ec71c3$export$8cc075c801fd6817;
+var $051e16c544ec71c3$export$3ab27000c02e6186;
+var $051e16c544ec71c3$export$1c30616b5f94c6bc;
+var $051e16c544ec71c3$export$e22f189945dfce76;
+$051e16c544ec71c3$export$def51519e6441a17 = `Mnh6ea_color-swatch`;
+$051e16c544ec71c3$export$ce652ed9af8e3365 = `Mnh6ea_legend-panel-header`;
+$051e16c544ec71c3$export$aff88130074c0d5f = `Mnh6ea_no-units`;
+$051e16c544ec71c3$export$5a14da41381fe262 = `Mnh6ea_proportion`;
+$051e16c544ec71c3$export$5aee1a5bd9743d8f = `Mnh6ea_sep`;
+$051e16c544ec71c3$export$8cc075c801fd6817 = `Mnh6ea_spacer`;
+$051e16c544ec71c3$export$3ab27000c02e6186 = `Mnh6ea_strat-name-id`;
+$051e16c544ec71c3$export$1c30616b5f94c6bc = `Mnh6ea_unit-details-content`;
+$051e16c544ec71c3$export$e22f189945dfce76 = `Mnh6ea_unit-id`;
+
+
+export {$051e16c544ec71c3$exports as default};
+//# sourceMappingURL=index.module.8fad0020.js.map

package/dist/index.module.8fad0020.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AARA,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA4B,CAAC,cAAc,CAAC","sources":["packages/column-views/src/unit-details/index.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  margin: -1em -1em 0\n  padding: 0.5em 1em\n  z-index: 50\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  h3\n    margin: 0 0 0.5em\n    font-size: 1.1em\n\n.unit-details-content\n  position: relative\n  margin-top: 1em\n  margin-bottom: -0.5em\n\n.proportion, .sep, .no-units\n  color: var(--secondary-color)\n  font-style: italic\n  font-size: 0.9em\n\n.strat-name-id, .unit-id\n  font-family: var(--monospace-font)\n  color: var(--secondary-color)\n  font-size: 0.9em\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"],"names":[],"version":3,"file":"index.module.8fad0020.js.map"}

package/dist/index.module.de76feb2.css

@@ -0,0 +1,65 @@
+.Mnh6ea_legend-panel-header {
+  border-bottom: 1px solid var(--panel-rule-color);
+  background-color: var(--panel-secondary-background-color);
+  z-index: 50;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 1em;
+  margin: -1em -1em 0;
+  padding: .5em 1em;
+  display: flex;
+  position: sticky;
+  top: 0;
+}
+
+.Mnh6ea_legend-panel-header code {
+  color: var(--secondary-color);
+  font-size: .9em;
+}
+
+.Mnh6ea_legend-panel-header .Mnh6ea_spacer {
+  flex: 1;
+}
+
+.Mnh6ea_legend-panel-header button {
+  line-height: 1.5;
+  transform: translateY(2px);
+}
+
+.Mnh6ea_legend-panel-header h3 {
+  margin: 0 0 .5em;
+  font-size: 1.1em;
+}
+
+.Mnh6ea_unit-details-content {
+  margin-top: 1em;
+  margin-bottom: -.5em;
+  position: relative;
+}
+
+.Mnh6ea_proportion, .Mnh6ea_sep, .Mnh6ea_no-units {
+  color: var(--secondary-color);
+  font-size: .9em;
+  font-style: italic;
+}
+
+.Mnh6ea_strat-name-id, .Mnh6ea_unit-id {
+  font-family: var(--monospace-font);
+  color: var(--secondary-color);
+  font-size: .9em;
+}
+
+.Mnh6ea_strat-name-id:before, .Mnh6ea_unit-id:before {
+  content: "#";
+  color: var(--tertiary-color);
+}
+
+.Mnh6ea_color-swatch {
+  border: 1px solid var(--panel-rule-color);
+  border-radius: .2em;
+  width: 1em;
+  height: 1em;
+  margin-right: .2em;
+  display: inline-block;
+}
+/*# sourceMappingURL=index.module.de76feb2.css.map */

package/dist/index.module.de76feb2.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;;;;;;;AAYE;;;;;AAGA;;;;AAEA;;;;;AAIA;;;;;AAIF;;;;;;AAKA;;;;;;AAKA;;;;;;AAKE;;;;;AAIF","sources":["packages/column-views/src/unit-details/index.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  margin: -1em -1em 0\n  padding: 0.5em 1em\n  z-index: 50\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  h3\n    margin: 0 0 0.5em\n    font-size: 1.1em\n\n.unit-details-content\n  position: relative\n  margin-top: 1em\n  margin-bottom: -0.5em\n\n.proportion, .sep, .no-units\n  color: var(--secondary-color)\n  font-style: italic\n  font-size: 0.9em\n\n.strat-name-id, .unit-id\n  font-family: var(--monospace-font)\n  color: var(--secondary-color)\n  font-size: 0.9em\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"],"names":[],"version":3,"file":"index.module.de76feb2.css.map"}

package/dist/isotopes-column.b5442b4d.js

@@ -0,0 +1,163 @@
+import {useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./data-provider.61ef7f9a.js";
+import {useDataLocator as $1dbd903fb3e2f029$export$919dbb10b6b5b75, IsotopesDataArea as $1dbd903fb3e2f029$export$309ef8546e07d921, IsotopeDataPoint as $1dbd903fb3e2f029$export$4cb5d059db4e2bd} from "./data-area.f9bb9ad9.js";
+import {format as $5FELH$format} from "d3-format";
+import {useContext as $5FELH$useContext} from "react";
+import $5FELH$macrostrathyper from "@macrostrat/hyper";
+import $5FELH$classnames from "classnames";
+import {AxisBottom as $5FELH$AxisBottom} from "@visx/axis";
+import {referenceMeasuresToColumn as $5FELH$referenceMeasuresToColumn} from "@macrostrat/stratigraphy-utils";
+import {ColumnLayoutContext as $5FELH$ColumnLayoutContext, useColumnDivisions as $5FELH$useColumnDivisions, CrossAxisLayoutProvider as $5FELH$CrossAxisLayoutProvider} from "@macrostrat/column-components";
+
+
+
+
+
+
+
+
+
+
+const $d5a3eba6c540ff58$var$fmt = (0, $5FELH$format)(".1f");
+function $d5a3eba6c540ff58$var$IsotopeText({ datum: datum, text: text, ...rest }) {
+    const { pointLocator: pointLocator } = (0, $1dbd903fb3e2f029$export$919dbb10b6b5b75)();
+    const [x, y] = pointLocator(datum);
+    return (0, $5FELH$macrostrathyper)("text", {
+        x: x,
+        y: y,
+        ...rest
+    }, text);
+}
+function $d5a3eba6c540ff58$var$ColumnScale(props) {
+    const { label: label, showAxis: showAxis = true, nTicks: nTicks = 6, tickValues: _tickVals, ...rest } = props;
+    const { xScale: xScale, pixelHeight: pixelHeight, width: width } = (0, $5FELH$useContext)((0, $5FELH$ColumnLayoutContext));
+    const tickValues = _tickVals ?? xScale.ticks(nTicks);
+    return (0, $5FELH$macrostrathyper)("g.scale.isotope-scale-axis", [
+        (0, $5FELH$macrostrathyper)("g.scale-lines", tickValues.map((value)=>{
+            const strokeDasharray = value == 0 ? null : "2 6";
+            return (0, $5FELH$macrostrathyper)($d5a3eba6c540ff58$var$ScaleLine, {
+                value: value,
+                stroke: "#ddd",
+                strokeDasharray: strokeDasharray
+            });
+        })),
+        (0, $5FELH$macrostrathyper).if(showAxis)([
+            (0, $5FELH$macrostrathyper)("rect.underlay", {
+                x: 0,
+                y: pixelHeight,
+                width: width,
+                height: 30
+            }),
+            (0, $5FELH$macrostrathyper)((0, $5FELH$AxisBottom), {
+                scale: xScale,
+                tickLength: 3,
+                tickValues: tickValues,
+                ...rest,
+                top: pixelHeight,
+                tickLabelProps (tickValue, i) {
+                    // Compensate for negative sign
+                    let dx;
+                    if (tickValue < 0) dx = -2;
+                    return {
+                        dy: "-1px",
+                        dx: dx,
+                        fontSize: 10,
+                        textAnchor: "middle",
+                        fill: "#aaa"
+                    };
+                },
+                labelOffset: 0,
+                label: label
+            })
+        ])
+    ]);
+}
+function $d5a3eba6c540ff58$var$ScaleLine(props) {
+    let { value: value, className: className, labelBottom: labelBottom, labelOffset: labelOffset, ...rest } = props;
+    if (labelBottom == null) labelBottom = false;
+    if (labelOffset == null) labelOffset = 12;
+    const { xScale: xScale, pixelHeight: pixelHeight } = (0, $5FELH$useContext)((0, $5FELH$ColumnLayoutContext));
+    const x = xScale(value);
+    const transform = `translate(${x})`;
+    className = (0, $5FELH$classnames)(className, {
+        zero: value === 0
+    });
+    return (0, $5FELH$macrostrathyper)("g.tick", {
+        transform: transform,
+        className: className,
+        key: value
+    }, [
+        (0, $5FELH$macrostrathyper)("line", {
+            x0: 0,
+            x1: 0,
+            y0: 0,
+            y1: pixelHeight,
+            ...rest
+        }),
+        (0, $5FELH$macrostrathyper).if(labelBottom)("text", {
+            y: pixelHeight + labelOffset
+        }, `${value}`)
+    ]);
+}
+function $d5a3eba6c540ff58$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 $d5a3eba6c540ff58$export$c69bd0285aa5d775(props) {
+    const { parameter: parameter, color: color = "dodgerblue" } = props;
+    const divisions = (0, $5FELH$useColumnDivisions)();
+    const measures = (0, $8adf39b8c41fe3cc$export$8a0335fd9ff72150)() ?? [];
+    const refMeasures = (0, $5FELH$referenceMeasuresToColumn)(divisions, measures).filter((d)=>d.measurement == parameter);
+    const points = $d5a3eba6c540ff58$var$unnestPoints(refMeasures);
+    return (0, $5FELH$macrostrathyper)((0, $1dbd903fb3e2f029$export$309ef8546e07d921), {
+        getHeight (d) {
+            return d.age;
+        }
+    }, (0, $5FELH$macrostrathyper)("g.data-points", points.map((d)=>{
+        return (0, $5FELH$macrostrathyper)((0, $1dbd903fb3e2f029$export$4cb5d059db4e2bd), {
+            datum: d,
+            fill: color
+        });
+    })));
+}
+function $d5a3eba6c540ff58$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, ...rest } = props;
+    let _children = children;
+    if (children == null && parameter != null) _children = (0, $5FELH$macrostrathyper)($d5a3eba6c540ff58$export$c69bd0285aa5d775, {
+        parameter: parameter,
+        color: color,
+        getHeight: getHeight
+    });
+    return (0, $5FELH$macrostrathyper)((0, $5FELH$CrossAxisLayoutProvider), {
+        width: width,
+        domain: domain
+    }, (0, $5FELH$macrostrathyper)("g.isotopes-column", {
+        className: parameter,
+        transform: transform
+    }, [
+        (0, $5FELH$macrostrathyper)($d5a3eba6c540ff58$var$ColumnScale, {
+            label: label ?? parameter,
+            ...rest
+        }),
+        _children
+    ]));
+}
+
+
+export {$d5a3eba6c540ff58$export$c69bd0285aa5d775 as IsotopesDataset, $d5a3eba6c540ff58$export$5d8aa8022c284748 as IsotopesColumn};
+//# sourceMappingURL=isotopes-column.b5442b4d.js.map

package/dist/isotopes-column.b5442b4d.js.map

@@ -0,0 +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.b5442b4d.js.map"}

package/dist/layers.946aaa37.js

@@ -0,0 +1,231 @@
+import $4ZhRb$macrostrathyper from "@macrostrat/hyper";
+import {FeatureLayer as $4ZhRb$FeatureLayer, Feature as $4ZhRb$Feature, MapContext as $4ZhRb$MapContext} from "@macrostrat/svg-map-components";
+import {useAPIResult as $4ZhRb$useAPIResult, useKeyHandler as $4ZhRb$useKeyHandler} from "@macrostrat/ui-components";
+import $4ZhRb$chromajs from "chroma-js";
+import {geoCentroid as $4ZhRb$geoCentroid} from "d3-geo";
+import {geoVoronoi as $4ZhRb$geoVoronoi} from "d3-geo-voronoi";
+import {useContext as $4ZhRb$useContext, useMemo as $4ZhRb$useMemo} from "react";
+import {feature as $4ZhRb$feature} from "topojson-client";
+
+
+
+
+
+
+
+
+
+const $347c34ac01fb689b$var$defaultStyle = {
+    fill: "rgb(239, 180, 249)",
+    stroke: "magenta"
+};
+function $347c34ac01fb689b$export$2254347cd20e6080(props) {
+    const { style: style = $347c34ac01fb689b$var$defaultStyle, ...params } = props;
+    const res = (0, $4ZhRb$useAPIResult)("/measurements", {
+        ...params,
+        format: "geojson",
+        response: "light"
+    });
+    if (res == null) return null;
+    return (0, $4ZhRb$macrostrathyper)((0, $4ZhRb$FeatureLayer), {
+        useCanvas: false,
+        style: style,
+        features: res.features.filter((d)=>d.properties.unit_id != null)
+    });
+}
+function $347c34ac01fb689b$export$4ad66a3119e1afaa(res) {
+    try {
+        const { data: data } = res.success;
+        const { features: f } = (0, $4ZhRb$feature)(data, data.objects.output);
+        return f;
+    } catch (err) {
+        console.error(err);
+        return [];
+    }
+}
+function $347c34ac01fb689b$export$f177ff57c101017a(props) {
+    const { features: features, onClick: onClick, color: color = "rgba(150,150,150, 1)", singleFeature: singleFeature = true } = props;
+    const c = (0, $4ZhRb$chromajs)(color);
+    return (0, $4ZhRb$macrostrathyper)((0, $4ZhRb$FeatureLayer), {
+        className: "columns",
+        useCanvas: onClick == null,
+        style: {
+            fill: c.alpha(0.2).css(),
+            stroke: c.alpha(0.4).css()
+        }
+    }, features.map((f)=>{
+        return (0, $4ZhRb$macrostrathyper)((0, $4ZhRb$Feature), {
+            id: f.id ?? f.properties.col_id,
+            onClick: onClick,
+            feature: f
+        });
+    }));
+}
+var $347c34ac01fb689b$var$MacrostratStatusCode = /*#__PURE__*/ function(MacrostratStatusCode) {
+    MacrostratStatusCode["InProcess"] = "in process";
+    return MacrostratStatusCode;
+}($347c34ac01fb689b$var$MacrostratStatusCode || {});
+function $347c34ac01fb689b$var$normalize(angle) {
+    if (angle > Math.PI) angle -= 2 * Math.PI;
+    else if (angle <= -Math.PI) angle += 2 * Math.PI;
+    return angle;
+}
+function $347c34ac01fb689b$var$buildTriangulation(features) {
+    console.log("Computing triangulation");
+    const centroids = features.map((0, $4ZhRb$geoCentroid));
+    const tri = (0, $4ZhRb$geoVoronoi)(centroids);
+    return {
+        centroids: centroids,
+        tri: tri
+    };
+}
+function $347c34ac01fb689b$var$buildKeyMapping(neighbors, centroids, currentIndex, projection) {
+    if (neighbors == null) return;
+    const currentCentroid = projection(centroids[currentIndex]);
+    let edgeAngles = neighbors.map((index)=>{
+        const centroid = projection(centroids[index]);
+        const dx = centroid[0] - currentCentroid[0];
+        const dy = centroid[1] - currentCentroid[1];
+        return {
+            col_index: index,
+            angle: Math.atan2(dy, dx)
+        };
+    });
+    edgeAngles.sort((d)=>d.angle);
+    function closestAngle(num) {
+        // Find closest angle in array of neighbors
+        let curr = edgeAngles[0];
+        for (let next of edgeAngles)if (Math.abs($347c34ac01fb689b$var$normalize(num - next.angle)) < Math.abs($347c34ac01fb689b$var$normalize(num - curr.angle))) curr = next;
+        return curr.col_index;
+    }
+    return {
+        37: closestAngle(Math.PI),
+        38: closestAngle(3 * Math.PI / 2),
+        39: closestAngle(0),
+        40: closestAngle(Math.PI / 2)
+    };
+}
+function $347c34ac01fb689b$export$8c41dd563753848(props) {
+    /** Keyboard navigation of columns using a Delaunay triangulation */ const { features: features = [], col_id: col_id = null, onChange: onChange, showLayers: showLayers = false, ...projectArgs } = props;
+    const { projection: projection } = (0, $4ZhRb$useContext)((0, $4ZhRb$MapContext));
+    const { centroids: centroids, tri: tri } = (0, $4ZhRb$useMemo)(()=>$347c34ac01fb689b$var$buildTriangulation(features), [
+        features
+    ]);
+    const currentIndex = (0, $4ZhRb$useMemo)(()=>{
+        return features.findIndex((d)=>d.properties.col_id == col_id);
+    }, [
+        features,
+        col_id
+    ]);
+    const neighbors = tri.delaunay.neighbors[currentIndex];
+    const keyMapping = (0, $4ZhRb$useMemo)(()=>{
+        return $347c34ac01fb689b$var$buildKeyMapping(neighbors, centroids, currentIndex, projection);
+    }, [
+        neighbors,
+        currentIndex
+    ]);
+    (0, $4ZhRb$useKeyHandler)((event)=>{
+        const nextColumnIx = keyMapping[event.keyCode];
+        if (nextColumnIx == null) return;
+        const { col_id: col_id } = features[nextColumnIx].properties;
+        // @ts-ignore
+        onChange({
+            col_id: col_id,
+            ...projectArgs
+        });
+    }, [
+        keyMapping
+    ]);
+    if (neighbors == null) return null;
+    const neighborFeatures = neighbors.map((d)=>features[d]);
+    return (0, $4ZhRb$macrostrathyper).if(showLayers)([
+        (0, $4ZhRb$macrostrathyper)((0, $4ZhRb$FeatureLayer), {
+            features: tri.links().features,
+            useCanvas: false,
+            style: {
+                stroke: "purple",
+                fill: "transparent"
+            }
+        }),
+        (0, $4ZhRb$macrostrathyper)((0, $4ZhRb$FeatureLayer), {
+            features: neighborFeatures,
+            useCanvas: false,
+            style: {
+                stroke: "rgb(93, 101, 212)",
+                strokeWidth: 3,
+                fill: "rgba(93, 101, 212, 0.5)"
+            }
+        })
+    ]);
+}
+function $347c34ac01fb689b$var$processGeoJSON(res) {
+    return $347c34ac01fb689b$var$processGeoJSONBare(res?.success?.data);
+}
+function $347c34ac01fb689b$var$processGeoJSONBare(res) {
+    return res?.features;
+}
+const $347c34ac01fb689b$var$processors = {
+    topojson: $347c34ac01fb689b$export$4ad66a3119e1afaa,
+    geojson: $347c34ac01fb689b$var$processGeoJSON,
+    geojson_bare: $347c34ac01fb689b$var$processGeoJSONBare
+};
+function $347c34ac01fb689b$export$6b70218db02fa4ce({ apiRoute: apiRoute = "/columns", status_code: status_code, project_id: project_id, format: format = "topojson" }) {
+    let all = undefined;
+    if (status_code == null && project_id == null) all = true;
+    const processor = $347c34ac01fb689b$var$processors[format];
+    return (0, $4ZhRb$useAPIResult)(apiRoute, {
+        format: format,
+        all: all,
+        status_code: status_code,
+        project_id: project_id
+    }, processor);
+}
+const $347c34ac01fb689b$export$f02cc02ad0e0bba3 = (props)=>{
+    const { apiRoute: apiRoute = "/columns", onChange: onChange, col_id: col_id = null, status_code: status_code, project_id: project_id, color: color, filterColumns: filterColumns, showDebugLayers: showDebugLayers = false, format: format = "topojson" } = props;
+    let features = $347c34ac01fb689b$export$6b70218db02fa4ce({
+        apiRoute: apiRoute,
+        status_code: status_code,
+        project_id: project_id,
+        format: format
+    });
+    if (features == null) return null;
+    if (filterColumns != null) features = features.filter(filterColumns);
+    return (0, $4ZhRb$macrostrathyper)([
+        (0, $4ZhRb$macrostrathyper)($347c34ac01fb689b$export$8c41dd563753848, {
+            features: features,
+            col_id: col_id,
+            onChange: onChange,
+            status_code: status_code,
+            project_id: project_id,
+            showLayers: showDebugLayers
+        }),
+        (0, $4ZhRb$macrostrathyper)($347c34ac01fb689b$export$f177ff57c101017a, {
+            features: features,
+            onClick: onChange,
+            color: color
+        })
+    ]);
+};
+const $347c34ac01fb689b$export$4d8f6e6df85d9012 = (props)=>{
+    return (0, $4ZhRb$macrostrathyper)($347c34ac01fb689b$export$f02cc02ad0e0bba3, {
+        apiRoute: "/defs/columns",
+        ...props
+    });
+};
+const $347c34ac01fb689b$export$b9d912252344e099 = (props)=>{
+    const { feature: feature } = props;
+    return (0, $4ZhRb$macrostrathyper)((0, $4ZhRb$FeatureLayer), {
+        features: [
+            feature
+        ],
+        style: {
+            fill: "rgba(255,0,0,0.4)",
+            stroke: "rgba(255,0,0,0.6)",
+            strokeWidth: 2
+        }
+    });
+};
+
+
+export {$347c34ac01fb689b$export$2254347cd20e6080 as MeasurementsLayer, $347c34ac01fb689b$export$4ad66a3119e1afaa as processTopoJSON, $347c34ac01fb689b$export$f177ff57c101017a as ColumnFeatures, $347c34ac01fb689b$export$8c41dd563753848 as ColumnKeyboardNavigation, $347c34ac01fb689b$export$6b70218db02fa4ce as useColumnData, $347c34ac01fb689b$export$f02cc02ad0e0bba3 as Columns, $347c34ac01fb689b$export$4d8f6e6df85d9012 as ColumnCenters, $347c34ac01fb689b$export$b9d912252344e099 as CurrentColumn};
+//# sourceMappingURL=layers.946aaa37.js.map

package/dist/layers.946aaa37.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/map/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, geoCentroid } from \"d3-geo\";\nimport { geoVoronoi } from \"d3-geo-voronoi\";\nimport { FeatureCollection, GeometryCollection, Polygon } from \"geojson\";\nimport { useContext, useEffect, useMemo } from \"react\";\nimport { feature } from \"topojson-client\";\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 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}\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 normalize(angle) {\n  if (angle > Math.PI) {\n    angle -= 2 * Math.PI;\n  } else if (angle <= -Math.PI) {\n    angle += 2 * Math.PI;\n  }\n  return angle;\n}\n\nfunction buildTriangulation(features) {\n  console.log(\"Computing triangulation\");\n  const centroids = features.map(geoCentroid);\n  const tri = geoVoronoi(centroids);\n  return { centroids, tri };\n}\n\nfunction buildKeyMapping(neighbors, centroids, currentIndex, projection) {\n  if (neighbors == null) return;\n\n  const currentCentroid = projection(centroids[currentIndex]);\n\n  let edgeAngles = neighbors.map((index) => {\n    const centroid = projection(centroids[index]);\n    const dx = centroid[0] - currentCentroid[0];\n    const dy = centroid[1] - currentCentroid[1];\n    return { col_index: index, angle: Math.atan2(dy, dx) };\n  });\n\n  edgeAngles.sort((d) => d.angle);\n\n  function closestAngle(num) {\n    // Find closest angle in array of neighbors\n    let curr = edgeAngles[0];\n    for (let next of edgeAngles) {\n      if (\n        Math.abs(normalize(num - next.angle)) <\n        Math.abs(normalize(num - curr.angle))\n      ) {\n        curr = next;\n      }\n    }\n    return curr.col_index;\n  }\n\n  return {\n    37: closestAngle(Math.PI), // left\n    38: closestAngle((3 * Math.PI) / 2), // up\n    39: closestAngle(0), // right\n    40: closestAngle(Math.PI / 2), // down\n  };\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      const { col_id } = features[nextColumnIx].properties;\n\n      // @ts-ignore\n      onChange({ col_id, ...projectArgs });\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\n    //h(FeatureLayer, {features: tri.centers, useCanvas: false})\n  ]);\n}\n\nfunction processGeoJSON(res) {\n  return processGeoJSONBare(res?.success?.data);\n}\n\nfunction processGeoJSONBare(res) {\n  return res?.features;\n}\n\nconst processors = {\n  topojson: processTopoJSON,\n  geojson: processGeoJSON,\n  geojson_bare: processGeoJSONBare,\n};\n\nfunction useColumnData({\n  apiRoute = \"/columns\",\n  status_code,\n  project_id,\n  format = \"topojson\",\n}) {\n  let all: boolean = undefined;\n  if (status_code == null && project_id == null) {\n    all = true;\n  }\n\n  const processor = processors[format];\n\n  return useAPIResult(\n    apiRoute,\n    { format, all, status_code, project_id },\n    processor\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[] = useColumnData({\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  processTopoJSON,\n  ColumnCenters,\n  ColumnFeatures,\n  ColumnKeyboardNavigation,\n  useColumnData,\n};\n"],"names":[],"version":3,"file":"layers.946aaa37.js.map"}