@macrostrat/column-views 2.0.0 → 2.1.0

package/dist/esm/column-views.2c43c055.js

@@ -0,0 +1,156 @@
+import $931eec67bef1530e$export$2e2bcd8739ae039 from "./column-views.b2b5f52c.js";
+import {kernelDensityEstimator as $bcfd78344b9c6927$export$ea0ac076732e930a, kernelGaussian as $bcfd78344b9c6927$export$71f1fc8906f65514} from "./column-views.e9f8b2a7.js";
+import "./column-views.494447ef.css";
+import $1E8Ri$columnviews69c0e90djs from "./column-views.69c0e90d.js";
+import {createContext as $1E8Ri$createContext, useContext as $1E8Ri$useContext} from "react";
+import $1E8Ri$macrostrathyper from "@macrostrat/hyper";
+import {scaleLinear as $1E8Ri$scaleLinear} from "@visx/scale";
+import {AreaClosed as $1E8Ri$AreaClosed} from "@visx/shape";
+import {AxisBottom as $1E8Ri$AxisBottom} from "@visx/axis";
+import {max as $1E8Ri$max} from "d3-array";
+import {expandInnerSize as $1E8Ri$expandInnerSize} from "@macrostrat/ui-components";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+
+const $32f3061f20373cca$var$h = (0, $1E8Ri$macrostrathyper).styled((0, ($parcel$interopDefault($1E8Ri$columnviews69c0e90djs))));
+const $32f3061f20373cca$export$caa3f53f581a9ba2 = (0, $1E8Ri$createContext)({
+    width: 200,
+    height: 50,
+    xScale: (0, $1E8Ri$scaleLinear)({
+        range: [
+            0,
+            200
+        ],
+        domain: [
+            0,
+            4000
+        ]
+    })
+});
+const $32f3061f20373cca$export$f1ef8efc9ef6fe0c = ()=>(0, $1E8Ri$useContext)($32f3061f20373cca$export$caa3f53f581a9ba2);
+const $32f3061f20373cca$var$noOp = (d)=>d;
+function $32f3061f20373cca$export$67794cfd1e5c82c8(props) {
+    const { data: data, accessor: accessor = $32f3061f20373cca$var$noOp, bandwidth: bandwidth = 60, color: color = "magenta", filled: filled = true } = props;
+    if (data == null) return null;
+    const { height: height, xScale: xScale } = (0, $1E8Ri$useContext)($32f3061f20373cca$export$caa3f53f581a9ba2);
+    const xTicks = xScale.ticks(400);
+    const kde = (0, $bcfd78344b9c6927$export$ea0ac076732e930a)((0, $bcfd78344b9c6927$export$71f1fc8906f65514)(bandwidth), xTicks);
+    const kdeData = kde(data.map(accessor));
+    // All KDEs should have same height
+    const maxProbability = (0, $1E8Ri$max)(kdeData, (d)=>d[1]);
+    const yScale = (0, $1E8Ri$scaleLinear)({
+        range: [
+            height,
+            0
+        ],
+        domain: [
+            0,
+            maxProbability
+        ]
+    });
+    let colorProps = {
+        fill: "transparent"
+    };
+    if (filled) colorProps = {
+        fill: color,
+        fillOpacity: 0.2
+    };
+    return $32f3061f20373cca$var$h((0, $1E8Ri$AreaClosed), {
+        data: kdeData,
+        yScale: yScale,
+        x (d) {
+            return xScale(d[0]);
+        },
+        y (d) {
+            return yScale(d[1]);
+        },
+        stroke: color,
+        ...colorProps
+    });
+}
+function $32f3061f20373cca$export$c6f0d6e9639e41ac(props) {
+    const { children: children, showAxisLabels: showAxisLabels = true, ...sizeProps } = props;
+    let minmax = [
+        0,
+        4000
+    ]; // extent(data, accessor);
+    const delta = minmax[1] - minmax[0];
+    //minmax = [minmax[0] - bandwidth * 4, minmax[1] + bandwidth * 4]
+    const ez = (0, $1E8Ri$expandInnerSize)({
+        padding: 10,
+        paddingBottom: showAxisLabels ? 40 : undefined,
+        innerHeight: 60,
+        width: 300,
+        ...sizeProps
+    }, false);
+    const { width: width, height: height, paddingLeft: paddingLeft, paddingTop: paddingTop, innerWidth: innerWidth, innerHeight: innerHeight } = ez;
+    const xScale = (0, $1E8Ri$scaleLinear)({
+        range: [
+            0,
+            innerWidth
+        ],
+        domain: minmax
+    });
+    let label = "Age (Ma)";
+    let tickFormat = (d)=>d;
+    if (delta > 1000) {
+        label = "Age (Ga)";
+        tickFormat = (d)=>d / 1000;
+    }
+    const fill = "var(--text-color)";
+    const labelProps = {
+        fill: fill
+    };
+    const id = "gradient_1";
+    const value = {
+        width: innerWidth,
+        height: innerHeight,
+        xScale: xScale
+    };
+    return $32f3061f20373cca$var$h($32f3061f20373cca$export$caa3f53f581a9ba2.Provider, {
+        value: value
+    }, $32f3061f20373cca$var$h("svg.detrital-spectrum-plot", {
+        width: width,
+        height: height
+    }, [
+        $32f3061f20373cca$var$h("g", {
+            transform: `translate(${paddingLeft},${paddingTop})`
+        }, [
+            $32f3061f20373cca$var$h((0, $931eec67bef1530e$export$2e2bcd8739ae039)[0], {
+                id: id
+            }),
+            $32f3061f20373cca$var$h((0, $1E8Ri$AxisBottom), {
+                scale: xScale,
+                numTicks: 10,
+                tickLength: 4,
+                tickFormat: tickFormat,
+                strokeWidth: 1.5,
+                top: innerHeight + 1,
+                tickStroke: fill,
+                stroke: fill,
+                tickLabelProps: {
+                    fill: fill
+                },
+                label: label,
+                labelProps: labelProps
+            }),
+            children
+        ])
+    ]));
+}
+
+
+export {$32f3061f20373cca$export$caa3f53f581a9ba2 as PlotAreaContext, $32f3061f20373cca$export$f1ef8efc9ef6fe0c as usePlotArea, $32f3061f20373cca$export$67794cfd1e5c82c8 as DetritalSeries, $32f3061f20373cca$export$c6f0d6e9639e41ac as DetritalSpectrumPlot, $bcfd78344b9c6927$export$ea0ac076732e930a as kernelDensityEstimator, $32f3061f20373cca$re_export$kernelEpanechnikov as kernelEpanechnikov, $bcfd78344b9c6927$export$71f1fc8906f65514 as kernelGaussian};
+//# sourceMappingURL=column-views.2c43c055.js.map

package/dist/esm/column-views.2c43c055.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/data-components/src/dz-spectrum/index.ts"],"sourcesContent":["import { createContext, useContext, ReactNode } from \"react\";\nimport hyper from \"@macrostrat/hyper\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { AreaClosed } from \"@visx/shape\";\nimport { AxisBottom } from \"@visx/axis\";\nimport { max } from \"d3-array\";\nimport gradients from \"./gradients\";\nimport {\n  kernelDensityEstimator,\n  kernelEpanechnikov,\n  kernelGaussian,\n} from \"./kernel-density\";\nimport {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScalePower,\n  ScaleRadial,\n  ScaleTime,\n  ScaleQuantize,\n} from \"@visx/vendor/d3-scale\";\nimport styles from \"./index.module.sass\";\nimport { expandInnerSize, InnerSizeProps } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nexport { kernelDensityEstimator, kernelEpanechnikov, kernelGaussian };\n\ntype ContinuousScale =\n  | ScaleLinear<number, number>\n  | ScaleLogarithmic<number, number>\n  | ScalePower<number, number>\n  | ScaleRadial<number, number>\n  | ScaleTime<number, number>\n  | ScaleQuantize<number>;\n\ninterface PlotAreaCtx {\n  xScale: ContinuousScale;\n  width: number;\n  height: number;\n}\n\nconst PlotAreaContext = createContext<PlotAreaCtx>({\n  width: 200,\n  height: 50,\n  xScale: scaleLinear({\n    range: [0, 200],\n    domain: [0, 4000],\n  }),\n});\n\nconst usePlotArea = () => useContext(PlotAreaContext);\n\ninterface DetritalSeriesProps {\n  data: number[];\n  accessor?: (d: any) => number;\n  color?: string;\n  bandwidth?: number;\n  filled?: boolean;\n}\n\nconst noOp = (d) => d;\n\nfunction DetritalSeries(props: DetritalSeriesProps) {\n  const {\n    data,\n    accessor = noOp,\n    bandwidth = 60,\n    color = \"magenta\",\n    filled = true,\n  } = props;\n  if (data == null) {\n    return null;\n  }\n\n  const { height, xScale } = useContext(PlotAreaContext);\n\n  const xTicks = xScale.ticks(400);\n  const kde = kernelDensityEstimator(kernelGaussian(bandwidth), xTicks);\n  const kdeData = kde(data.map(accessor));\n\n  // All KDEs should have same height\n  const maxProbability: number = max(kdeData, (d: [number, number]) => d[1]);\n\n  const yScale = scaleLinear({\n    range: [height, 0],\n    domain: [0, maxProbability],\n  });\n\n  let colorProps: object = {\n    fill: \"transparent\",\n  };\n  if (filled) {\n    colorProps = { fill: color, fillOpacity: 0.2 };\n  }\n\n  return h(AreaClosed, {\n    data: kdeData,\n    yScale,\n    x(d) {\n      return xScale(d[0]);\n    },\n    y(d) {\n      return yScale(d[1]);\n    },\n    stroke: color,\n    ...colorProps,\n    //fill: `url(#${id})`\n  });\n}\n\ninterface DetritalSpectrumProps extends InnerSizeProps {\n  children: ReactNode;\n  showAxisLabels?: boolean;\n}\n\nfunction DetritalSpectrumPlot(props: DetritalSpectrumProps) {\n  const { children, showAxisLabels = true, ...sizeProps } = props;\n  let minmax = [0, 4000]; // extent(data, accessor);\n  const delta = minmax[1] - minmax[0];\n  //minmax = [minmax[0] - bandwidth * 4, minmax[1] + bandwidth * 4]\n\n  const ez = expandInnerSize(\n    {\n      padding: 10,\n      paddingBottom: showAxisLabels ? 40 : undefined,\n      innerHeight: 60,\n      width: 300,\n      ...sizeProps,\n    },\n    false,\n  );\n\n  const { width, height, paddingLeft, paddingTop, innerWidth, innerHeight } =\n    ez;\n\n  const xScale = scaleLinear({\n    range: [0, innerWidth],\n    domain: minmax,\n  });\n\n  let label = \"Age (Ma)\";\n  let tickFormat = (d) => d;\n  if (delta > 1000) {\n    label = \"Age (Ga)\";\n    tickFormat = (d) => d / 1000;\n  }\n\n  const fill = \"var(--text-color)\";\n  const labelProps = { fill };\n\n  const id = \"gradient_1\";\n\n  const value = {\n    width: innerWidth,\n    height: innerHeight,\n    xScale,\n  };\n\n  return h(\n    PlotAreaContext.Provider,\n    { value },\n    h(\"svg.detrital-spectrum-plot\", { width, height }, [\n      h(\n        \"g\",\n        {\n          transform: `translate(${paddingLeft},${paddingTop})`,\n        },\n        [\n          h(gradients[0], { id }),\n          h(AxisBottom, {\n            scale: xScale,\n            numTicks: 10,\n            tickLength: 4,\n            tickFormat,\n            strokeWidth: 1.5,\n            top: innerHeight + 1,\n            tickStroke: fill,\n            stroke: fill,\n            tickLabelProps: {\n              fill,\n            },\n            label,\n            labelProps,\n          }),\n          children,\n        ],\n      ),\n    ]),\n  );\n}\n\nexport { DetritalSpectrumPlot, DetritalSeries, usePlotArea, PlotAreaContext };\n"],"names":[],"version":3,"file":"column-views.2c43c055.js.map"}

package/dist/esm/column-views.2c45a7b5.js

@@ -0,0 +1,25 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $7ccba4d5d4bd9f7a$exports = {};
+
+$parcel$export($7ccba4d5d4bd9f7a$exports, "depositional-age", () => $7ccba4d5d4bd9f7a$export$88015686163fb53c, (v) => $7ccba4d5d4bd9f7a$export$88015686163fb53c = v);
+$parcel$export($7ccba4d5d4bd9f7a$exports, "detrital-group", () => $7ccba4d5d4bd9f7a$export$d45a020c7ade36c2, (v) => $7ccba4d5d4bd9f7a$export$d45a020c7ade36c2 = v);
+$parcel$export($7ccba4d5d4bd9f7a$exports, "hide-axis", () => $7ccba4d5d4bd9f7a$export$a17a3a86840394bc, (v) => $7ccba4d5d4bd9f7a$export$a17a3a86840394bc = v);
+$parcel$export($7ccba4d5d4bd9f7a$exports, "dz-spectra", () => $7ccba4d5d4bd9f7a$export$62aa26bd1520c04, (v) => $7ccba4d5d4bd9f7a$export$62aa26bd1520c04 = v);
+$parcel$export($7ccba4d5d4bd9f7a$exports, "floating-axis", () => $7ccba4d5d4bd9f7a$export$75f20c0d8de07b35, (v) => $7ccba4d5d4bd9f7a$export$75f20c0d8de07b35 = v);
+var $7ccba4d5d4bd9f7a$export$88015686163fb53c;
+var $7ccba4d5d4bd9f7a$export$d45a020c7ade36c2;
+var $7ccba4d5d4bd9f7a$export$a17a3a86840394bc;
+var $7ccba4d5d4bd9f7a$export$62aa26bd1520c04;
+var $7ccba4d5d4bd9f7a$export$75f20c0d8de07b35;
+$7ccba4d5d4bd9f7a$export$88015686163fb53c = "depositional-age_977b40";
+$7ccba4d5d4bd9f7a$export$d45a020c7ade36c2 = "detrital-group_977b40";
+$7ccba4d5d4bd9f7a$export$a17a3a86840394bc = "hide-axis_977b40";
+$7ccba4d5d4bd9f7a$export$62aa26bd1520c04 = "dz-spectra_977b40";
+$7ccba4d5d4bd9f7a$export$75f20c0d8de07b35 = "floating-axis_977b40";
+
+
+export {$7ccba4d5d4bd9f7a$exports as default};
+//# sourceMappingURL=column-views.2c45a7b5.js.map

package/dist/esm/column-views.2c45a7b5.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAJA,4CAAqC;AACrC,4CAAmC;AACnC,4CAA8B;AAC9B,2CAA+B;AAC/B,4CAAkC","sources":["packages/column-views/src/facets/detrital-zircon/index.module.sass"],"sourcesContent":["\n.depositional-age\n  fill: var(--column-stroke-color)\n  fill-opacity: 0.25\n  stroke-width: 1px\n  stroke: var(--column-stroke-color)\n\n.detrital-group\n  margin: -5px\n  margin-left: -10px\n  margin-bottom: -36px\n\n  &.hide-axis :global .visx-axis\n    tspan, text\n      display: none\n\n.dz-spectra\n  position: relative\n\n.floating-axis\n  position: sticky\n  bottom: 0\n"],"names":[],"version":3,"file":"column-views.2c45a7b5.js.map"}

package/dist/esm/column-views.2ca34210.js

@@ -0,0 +1,151 @@
+import {UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./column-views.7715e35e.js";
+import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.a91dde4a.js";
+import {getMixedUnitColor as $6698edd2a743bf07$export$175d3e927f1a9860} from "./column-views.9b77388d.js";
+import {TrackedLabeledUnit as $8c8238faa5cde49c$export$f613830566442374, LabelTrackerProvider as $8c8238faa5cde49c$export$e4e89ab6c86ac513, CompositeUnitComponent as $8c8238faa5cde49c$export$1dfa200d57964eee, CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e, AnnotatedUnitsColumn as $8c8238faa5cde49c$export$d8c3f2fdd653a082, SectionLabelsColumn as $8c8238faa5cde49c$export$13984e34afdbb040, compositeScale as $8c8238faa5cde49c$export$723b790ebe9cdff8, ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.d2037465.js";
+import {useEnvironments as $774a5efa27d1c77b$export$c6b216bf4c71b61f, useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.3ba9213d.js";
+import {resolveID as $d3e69bd163d41f63$export$7be7d732f3de9464} from "./column-views.006d5180.js";
+import "./column-views.f9dab157.js";
+import {useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5, useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionTarget as $4d5d1c15f39f6a14$export$cbbec12b1451fe7d, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1} from "./column-views.1af9761e.js";
+import $7H3th$macrostrathyper from "@macrostrat/hyper";
+import {LithologyColumn as $7H3th$LithologyColumn, useColumnLayout as $7H3th$useColumnLayout, useGeologicPattern as $7H3th$useGeologicPattern} from "@macrostrat/column-components";
+import {useInDarkMode as $7H3th$useInDarkMode} from "@macrostrat/ui-components";
+import {useMemo as $7H3th$useMemo} from "react";
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $4c8184c4a7317749$export$3750278673318c9a({ width: width = 100 }) {
+    /*
+  A column showing units with USGS color fill
+  */ return (0, $7H3th$macrostrathyper)((0, $7H3th$LithologyColumn), {
+        width: width
+    }, (0, $7H3th$macrostrathyper)((0, $d254716a820e9c85$export$5d1cdfabe8dc8085)));
+}
+function $4c8184c4a7317749$export$2006342ddaa547c6(props) {
+    /*
+  A column with units and names either
+  overlapping or offset to the right
+  */ const { columnWidth: columnWidth, width: width, gutterWidth: gutterWidth = 0, labelOffset: labelOffset = 30 } = props;
+    return (0, $7H3th$macrostrathyper)([
+        (0, $7H3th$macrostrathyper)($4c8184c4a7317749$export$3750278673318c9a, {
+            width: columnWidth
+        }),
+        (0, $7H3th$macrostrathyper)((0, $bc17276da4abb183$export$594d19cdd88f8c16), {
+            transform: `translate(${columnWidth + gutterWidth})`,
+            paddingLeft: labelOffset,
+            width: width - columnWidth - gutterWidth
+        })
+    ]);
+}
+function $4c8184c4a7317749$export$600691a8e9d13a7({ division: division, ...rest }) {
+    /** A unit that allows directly setting colors and patterns. */ return (0, $7H3th$macrostrathyper)($4c8184c4a7317749$export$48a4cacf2b7a4441, {
+        division: division,
+        ...rest,
+        backgroundColor: division.color,
+        patternID: division.patternID
+    });
+}
+function $4c8184c4a7317749$export$48a4cacf2b7a4441({ division: division, nColumns: nColumns = 2, ...rest }) {
+    const width = rest.width ?? (0, $7H3th$useColumnLayout)()?.width;
+    const nOverlappingUnits = division.overlappingUnits?.length ?? 0;
+    const _nColumns = nOverlappingUnits == 0 ? 1 : nColumns;
+    const columnIx = (division.column ?? 0) % _nColumns;
+    const reducedWidth = width / _nColumns;
+    const x = columnIx * width / _nColumns;
+    return (0, $7H3th$macrostrathyper)((0, $8c8238faa5cde49c$export$f613830566442374), {
+        division: division,
+        ...rest,
+        width: reducedWidth,
+        x: x
+    });
+}
+function $4c8184c4a7317749$export$62c7735c72801c19(unit, opts = {}) {
+    /** Get the color for a unit based on its lithology */ const lithMap = (0, $774a5efa27d1c77b$export$4d18a90c945d129f)();
+    const inDarkMode = (0, $7H3th$useInDarkMode)();
+    const { asBackground: asBackground = true } = opts;
+    return (0, $7H3th$useMemo)(()=>{
+        if (unit == null || lithMap == null) return null;
+        return (0, $6698edd2a743bf07$export$175d3e927f1a9860)(unit, lithMap, inDarkMode, asBackground);
+    }, [
+        unit?.unit_id,
+        lithMap,
+        inDarkMode,
+        asBackground
+    ]);
+}
+function $4c8184c4a7317749$export$6012fd1584b5d0c0(props) {
+    /** A unit component that is colored using a mixture of lithologies.
+   * This is a separate component because it depends on more providers/contexts to determine coloring. */ const backgroundColor = $4c8184c4a7317749$export$62c7735c72801c19(props.division);
+    const patternID = (0, $7H3th$useMemo)(()=>{
+        return (0, $d3e69bd163d41f63$export$7be7d732f3de9464)(props.division); // ?? getPatternID(props.division.lith, lithMap);
+    }, [
+        props.division?.unit_id
+    ]);
+    const fill = (0, $7H3th$useGeologicPattern)(patternID);
+    return (0, $7H3th$macrostrathyper)($4c8184c4a7317749$export$48a4cacf2b7a4441, {
+        fill: fill,
+        backgroundColor: backgroundColor,
+        ...props
+    });
+}
+function $4c8184c4a7317749$export$4830e703a903113(unit, opts = {}) {
+    /** Get the color for a unit based on its lithology */ const environmentMap = (0, $774a5efa27d1c77b$export$c6b216bf4c71b61f)();
+    const lithMap = (0, $774a5efa27d1c77b$export$4d18a90c945d129f)();
+    const inDarkMode = (0, $7H3th$useInDarkMode)();
+    const { asBackground: asBackground = true } = opts;
+    return (0, $7H3th$useMemo)(()=>{
+        if (unit == null || environmentMap == null) return null;
+        let c = (0, $6698edd2a743bf07$export$175d3e927f1a9860)(unit, environmentMap, inDarkMode, asBackground, {
+            key: "environ",
+            id_key: "environ_id"
+        });
+        if (c != null) return c;
+        // Fallback to lithology color if no environment color is found
+        return (0, $6698edd2a743bf07$export$175d3e927f1a9860)(unit, lithMap, inDarkMode, asBackground);
+    }, [
+        unit?.unit_id,
+        environmentMap,
+        lithMap,
+        inDarkMode,
+        asBackground
+    ]);
+}
+function $4c8184c4a7317749$export$c2fe8a14da82d570(props) {
+    /** A unit component that is colored using a mixture of lithologies.
+   * This is a separate component because it depends on more providers/contexts to determine coloring. */ const backgroundColor = $4c8184c4a7317749$export$4830e703a903113(props.division);
+    const patternID = (0, $7H3th$useMemo)(()=>{
+        return (0, $d3e69bd163d41f63$export$7be7d732f3de9464)(props.division); // ?? getPatternID(props.division.lith, lithMap);
+    }, [
+        props.division?.unit_id
+    ]);
+    const fill = (0, $7H3th$useGeologicPattern)(patternID);
+    return (0, $7H3th$macrostrathyper)($4c8184c4a7317749$export$48a4cacf2b7a4441, {
+        fill: fill,
+        backgroundColor: backgroundColor,
+        ...props
+    });
+}
+function $4c8184c4a7317749$var$getPatternID(liths, lithMap) {
+    if (lithMap == null || liths == null || liths.length == 0) return null;
+    const patternIDs = new Set();
+    for (const lith of liths){
+        const lithData = lithMap.get(lith.lith_id);
+        if (lithData) patternIDs.add(`${lithData.fill}`);
+    }
+    let id = patternIDs.values()[0];
+    if (id == "0") return null;
+    return id;
+}
+
+
+export {$4c8184c4a7317749$export$3750278673318c9a as UnitsColumn, $4c8184c4a7317749$export$2006342ddaa547c6 as SimpleUnitsColumn, $4c8184c4a7317749$export$600691a8e9d13a7 as BasicUnitComponent, $4c8184c4a7317749$export$48a4cacf2b7a4441 as UnitComponent, $4c8184c4a7317749$export$62c7735c72801c19 as useUnitColor, $4c8184c4a7317749$export$6012fd1584b5d0c0 as ColoredUnitComponent, $4c8184c4a7317749$export$4830e703a903113 as useUnitColorByEnvironment, $4c8184c4a7317749$export$c2fe8a14da82d570 as EnvironmentColoredUnitComponent, $6698edd2a743bf07$export$175d3e927f1a9860 as getMixedUnitColor, $8c8238faa5cde49c$export$e4e89ab6c86ac513 as LabelTrackerProvider, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$13984e34afdbb040 as SectionLabelsColumn, $8c8238faa5cde49c$export$723b790ebe9cdff8 as compositeScale, $8c8238faa5cde49c$export$6cc7a9df4edde18 as ColumnNotesProvider, $4d5d1c15f39f6a14$export$77a278d5ca56e309 as useUnitSelectionDispatch, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5 as useUnitSelectionStore, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da as useSelectedUnit, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4 as UnitSelectionProvider, $4d5d1c15f39f6a14$export$cbbec12b1451fe7d as useUnitSelectionTarget, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
+//# sourceMappingURL=column-views.2ca34210.js.map

package/dist/esm/column-views.2ca34210.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport {\n  LithologyColumn,\n  useGeologicPattern,\n} from \"@macrostrat/column-components\";\nimport { UnitNamesColumn } from \"./names\";\nimport { ICompositeUnitProps } from \"./composite\";\nimport { UnitBoxes, UnitProps } from \"./boxes\";\nimport { useColumnLayout } from \"@macrostrat/column-components\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { getMixedUnitColor } from \"./colors\";\nimport { TrackedLabeledUnit } from \"./composite\";\nimport { useEnvironments, useLithologies } from \"../data-provider\";\nimport { useMemo } from \"react\";\nimport { resolveID } from \"./resolvers\";\nimport { Lithology } from \"@macrostrat/api-types\";\n\nexport * from \"./composite\";\nexport * from \"./types\";\nexport * from \"./selection\";\nexport * from \"./colors\";\n\nexport function UnitsColumn({ width = 100 }) {\n  /*\n  A column showing units with USGS color fill\n  */\n  return h(LithologyColumn, { width }, h(UnitBoxes));\n}\n\nexport function SimpleUnitsColumn(props: ICompositeUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const { columnWidth, width, gutterWidth = 0, labelOffset = 30 } = props;\n\n  return h([\n    h(UnitsColumn, {\n      width: columnWidth,\n    }),\n    h(UnitNamesColumn, {\n      transform: `translate(${columnWidth + gutterWidth})`,\n      paddingLeft: labelOffset,\n      width: width - columnWidth - gutterWidth,\n    }),\n  ]);\n}\n\nexport function BasicUnitComponent({ division, ...rest }) {\n  /** A unit that allows directly setting colors and patterns. */\n\n  return h(UnitComponent, {\n    division,\n    ...rest,\n    backgroundColor: division.color,\n    patternID: division.patternID,\n  });\n}\n\nexport function UnitComponent({ division, nColumns = 2, ...rest }) {\n  const width = rest.width ?? useColumnLayout()?.width;\n\n  const nOverlappingUnits = division.overlappingUnits?.length ?? 0;\n  const _nColumns = nOverlappingUnits == 0 ? 1 : nColumns;\n  const columnIx = (division.column ?? 0) % _nColumns;\n  const reducedWidth = width / _nColumns;\n  const x = (columnIx * width) / _nColumns;\n\n  return h(TrackedLabeledUnit, {\n    division,\n    ...rest,\n    width: reducedWidth,\n    x,\n  });\n}\n\ninterface UnitColorOptions {\n  asBackground?: boolean;\n}\n\nexport function useUnitColor(unit, opts: UnitColorOptions = {}): string | null {\n  /** Get the color for a unit based on its lithology */\n  const lithMap = useLithologies();\n  const inDarkMode = useInDarkMode();\n  const { asBackground = true } = opts;\n\n  return useMemo(() => {\n    if (unit == null || lithMap == null) return null;\n    return getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);\n  }, [unit?.unit_id, lithMap, inDarkMode, asBackground]);\n}\n\nexport function ColoredUnitComponent(props) {\n  /** A unit component that is colored using a mixture of lithologies.\n   * This is a separate component because it depends on more providers/contexts to determine coloring. */\n  const backgroundColor = useUnitColor(props.division);\n\n  const patternID = useMemo(() => {\n    return resolveID(props.division); // ?? getPatternID(props.division.lith, lithMap);\n  }, [props.division?.unit_id]);\n\n  const fill = useGeologicPattern(patternID);\n\n  return h(UnitComponent, {\n    fill,\n    backgroundColor,\n    ...props,\n  });\n}\n\nexport function useUnitColorByEnvironment(\n  unit,\n  opts: UnitColorOptions = {},\n): string | null {\n  /** Get the color for a unit based on its lithology */\n  const environmentMap = useEnvironments();\n  const lithMap = useLithologies();\n  const inDarkMode = useInDarkMode();\n  const { asBackground = true } = opts;\n\n  return useMemo(() => {\n    if (unit == null || environmentMap == null) return null;\n    let c = getMixedUnitColor(unit, environmentMap, inDarkMode, asBackground, {\n      key: \"environ\",\n      id_key: \"environ_id\",\n    });\n    if (c != null) {\n      return c;\n    }\n    // Fallback to lithology color if no environment color is found\n    return getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);\n  }, [unit?.unit_id, environmentMap, lithMap, inDarkMode, asBackground]);\n}\n\nexport function EnvironmentColoredUnitComponent(props) {\n  /** A unit component that is colored using a mixture of lithologies.\n   * This is a separate component because it depends on more providers/contexts to determine coloring. */\n  const backgroundColor = useUnitColorByEnvironment(props.division);\n\n  const patternID = useMemo(() => {\n    return resolveID(props.division); // ?? getPatternID(props.division.lith, lithMap);\n  }, [props.division?.unit_id]);\n\n  const fill = useGeologicPattern(patternID);\n\n  return h(UnitComponent, {\n    fill,\n    backgroundColor,\n    ...props,\n  });\n}\n\nfunction getPatternID(\n  liths: Array<Lithology>,\n  lithMap: Map<number, Lithology>,\n): string | null {\n  if (lithMap == null || liths == null || liths.length == 0) {\n    return null;\n  }\n  const patternIDs = new Set<string>();\n  for (const lith of liths) {\n    const lithData = lithMap.get(lith.lith_id);\n    if (lithData) {\n      patternIDs.add(`${lithData.fill}`);\n    }\n  }\n  let id = patternIDs.values()[0];\n  if (id == \"0\") return null;\n  return id;\n}\n"],"names":[],"version":3,"file":"column-views.2ca34210.js.map"}

package/dist/esm/{unit-details.071cefed.js → column-views.2cb87813.js}

@@ -1,9 +1,9 @@
-import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557, LegendPanelHeader as $448b24baeef3b229$export$fc503c39cc5cff43, UnitDetailsFeature as $448b24baeef3b229$export$ec297f6f9a6ccad0, Duration as $448b24baeef3b229$export$3b11bc38611c5941} from "./panel.598f76a5.js";
-import {UnitDetailsPopover as $a9bcb536274d1bf9$export$6716aecc2c9afbe2, UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./popover.a810b7bc.js";
+import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557, LegendPanelHeader as $448b24baeef3b229$export$fc503c39cc5cff43, UnitDetailsFeature as $448b24baeef3b229$export$ec297f6f9a6ccad0, Duration as $448b24baeef3b229$export$3b11bc38611c5941, AgeLabel as $448b24baeef3b229$export$37ebfd237811b1eb} from "./column-views.66f823ba.js";
+import {UnitDetailsPopover as $a9bcb536274d1bf9$export$6716aecc2c9afbe2, UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.52b03330.js";
 
 
 
 
 
-export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration, $a9bcb536274d1bf9$export$6716aecc2c9afbe2 as UnitDetailsPopover, $a9bcb536274d1bf9$export$db1115efab13710d as UnitSelectionPopover};
-//# sourceMappingURL=unit-details.071cefed.js.map
+export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration, $448b24baeef3b229$export$37ebfd237811b1eb as AgeLabel, $a9bcb536274d1bf9$export$6716aecc2c9afbe2 as UnitDetailsPopover, $a9bcb536274d1bf9$export$db1115efab13710d as UnitSelectionPopover};
+//# sourceMappingURL=column-views.2cb87813.js.map

package/dist/esm/{unit-details.071cefed.js.map → column-views.2cb87813.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/unit-details/index.ts"],"sourcesContent":["export * from \"./panel\";\nexport * from \"./popover\";\n"],"names":[],"version":3,"file":"unit-details.071cefed.js.map"}
+{"mappings":"","sources":["packages/column-views/src/unit-details/index.ts"],"sourcesContent":["export * from \"./panel\";\nexport * from \"./popover\";\n"],"names":[],"version":3,"file":"column-views.2cb87813.js.map"}

package/dist/esm/{mapbox.cac42eed.js → column-views.2d8e0e0f.js}

@@ -1,7 +1,7 @@
-import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./styles.7bc776d1.js";
-import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./inset-map.3c18106d.js";
-import {ColumnNavigationProvider as $09486427d129f589$export$8da3b11f62ebf019, useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./state.178ef364.js";
-import {buildKeyboardNavigationStyle as $ab1043903d5406ef$export$c613fba0aabeee13, ColumnKeyboardNavigation as $ab1043903d5406ef$export$8c41dd563753848} from "./keyboard-navigation.a9fc80dd.js";
+import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.633c42a3.js";
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./column-views.3de4dc43.js";
+import {ColumnNavigationProvider as $09486427d129f589$export$8da3b11f62ebf019, useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.b9fe5176.js";
+import {buildKeyboardNavigationStyle as $ab1043903d5406ef$export$c613fba0aabeee13, ColumnKeyboardNavigation as $ab1043903d5406ef$export$8c41dd563753848} from "./column-views.52a6eb47.js";
 import {useMapStyleOperator as $lRXWn$useMapStyleOperator} from "@macrostrat/mapbox-react";
 import $lRXWn$macrostrathyper from "@macrostrat/hyper";
 import {useMemo as $lRXWn$useMemo, useRef as $lRXWn$useRef} from "react";
@@ -17,16 +17,17 @@ import {geoCentroid as $lRXWn$geoCentroid} from "d3-geo";
 
 
 function $9d5d216fa2057b5b$export$821baedf611249f3(props) {
-    const { columns: columns, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn, selectedColumn: selectedColumn, hoveredColumn: hoveredColumn, projectID: projectID, inProcess: inProcess, ...rest } = props;
+    const { columns: columns, columnIDs: columnIDs, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn, selectedColumn: selectedColumn, hoveredColumn: hoveredColumn, projectID: projectID, children: children, inProcess: inProcess, ...rest } = props;
     return (0, $lRXWn$macrostrathyper)((0, $09486427d129f589$export$8da3b11f62ebf019), {
         columns: columns,
+        columnIDs: columnIDs,
         onSelectColumn: onSelectColumn,
         onHoverColumn: onHoverColumn,
         selectedColumn: selectedColumn,
         hoveredColumn: hoveredColumn,
         projectID: projectID,
         inProcess: inProcess
-    }, (0, $lRXWn$macrostrathyper)($9d5d216fa2057b5b$var$_ColumnNavigationMap, rest));
+    }, (0, $lRXWn$macrostrathyper)($9d5d216fa2057b5b$var$_ColumnNavigationMap, props));
 }
 function $9d5d216fa2057b5b$var$_ColumnNavigationMap(props) {
     const { padding: padding = 50, children: children, columnColor: columnColor, showTriangulation: showTriangulation, triangulationColor: triangulationColor, keyboardNavigation: keyboardNavigation = true, ...rest } = props;
@@ -48,10 +49,10 @@ function $9d5d216fa2057b5b$var$_ColumnNavigationMap(props) {
         overlayStyles: overlayStyles
     }, [
         (0, $lRXWn$macrostrathyper)($9d5d216fa2057b5b$var$ColumnsLayer),
+        children,
         (0, $lRXWn$macrostrathyper).if(keyboardNavigation)((0, $ab1043903d5406ef$export$8c41dd563753848), {
             showTriangulation: showTriangulation
-        }),
-        children
+        })
     ]);
 }
 function $9d5d216fa2057b5b$var$ColumnsLayer({ enabled: enabled = true }) {
@@ -164,4 +165,4 @@ function $9d5d216fa2057b5b$var$ColumnsLayer({ enabled: enabled = true }) {
 
 
 export {$9d5d216fa2057b5b$export$821baedf611249f3 as ColumnNavigationMap};
-//# sourceMappingURL=mapbox.cac42eed.js.map
+//# sourceMappingURL=column-views.2d8e0e0f.js.map

package/dist/esm/column-views.2d8e0e0f.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/maps/column-navigation/mapbox/index.ts"],"sourcesContent":["import { useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport h from \"@macrostrat/hyper\";\nimport { FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport { buildColumnsStyle, InsetMapProps } from \"../../_shared\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\n\nimport {\n  ColumnNavigationProvider,\n  NavigationProviderProps,\n  useColumnNavigationStore,\n} from \"./state\";\nimport { InsetMap } from \"../../_shared\";\nimport { geoCentroid } from \"d3-geo\";\nimport {\n  ColumnKeyboardNavigation,\n  buildKeyboardNavigationStyle,\n} from \"./keyboard-navigation\";\n\nexport interface ColumnNavigationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  selectedColumn?: number;\n  hoveredColumn?: number;\n  onSelectColumn?: (colID: number | null) => void;\n  onHoverColumn?: (colID: number | null) => void;\n  showTriangulation?: boolean;\n  columnColor?: string;\n  triangulationColor?: string;\n  keyboardNavigation?: boolean;\n}\n\nexport function ColumnNavigationMap(\n  props: ColumnNavigationMapProps & NavigationProviderProps,\n) {\n  const {\n    columns,\n    columnIDs,\n    onSelectColumn,\n    onHoverColumn,\n    selectedColumn,\n    hoveredColumn,\n    projectID,\n    children,\n    inProcess,\n    ...rest\n  } = props;\n\n  return h(\n    ColumnNavigationProvider,\n    {\n      columns,\n      columnIDs,\n      onSelectColumn,\n      onHoverColumn,\n      selectedColumn,\n      hoveredColumn,\n      projectID,\n      inProcess,\n    },\n    h(_ColumnNavigationMap, props),\n  );\n}\n\nfunction _ColumnNavigationMap(props: ColumnNavigationMapProps) {\n  const {\n    padding = 50,\n    children,\n    columnColor,\n    showTriangulation,\n    triangulationColor,\n    keyboardNavigation = true,\n    ...rest\n  } = props;\n\n  const overlayStyles = useMemo(() => {\n    let styles: any[] = [buildColumnsStyle(columnColor)];\n    if (showTriangulation) {\n      styles.push(buildKeyboardNavigationStyle(triangulationColor));\n    }\n    return styles;\n  }, [columnColor, showTriangulation, triangulationColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      children,\n      h.if(keyboardNavigation)(ColumnKeyboardNavigation, { showTriangulation }),\n    ],\n  );\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const selectedColumn = useColumnNavigationStore(\n    (state) => state.selectedColumn,\n  );\n  const hoveredColumn = useColumnNavigationStore(\n    (state) => state.hoveredColumn,\n  );\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n  const setHoveredColumn = useColumnNavigationStore(\n    (state) => state.setHoveredColumn,\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      setGeoJSON(map, \"columns\", data);\n\n      const mouseMove = (event) => {\n        if (event.features.length == 0) return;\n        const hoveredFeature = event.features[0];\n        setHoveredColumn(hoveredFeature.id);\n        map.getCanvas().style.cursor = \"pointer\";\n      };\n      const mouseLeave = () => {\n        setHoveredColumn(null);\n        map.getCanvas().style.cursor = \"\";\n      };\n\n      const clickHandler = (event) => {\n        if (event.features.length == 0) return;\n        const selectedColumn = event.features[0];\n        const id = selectedColumn.id;\n        selectColumn(id);\n      };\n\n      // Setup hover styles on map\n      const layers = [\"columns-points\", \"columns-fill\"];\n      map.on(\"mousemove\", layers, mouseMove);\n      map.on(\"mouseleave\", layers, mouseLeave);\n      map.on(\"click\", layers, clickHandler);\n\n      return () => {\n        map.off(\"mouseenter\", layers, mouseMove);\n        map.off(\"mouseleave\", layers, mouseLeave);\n        map.off(\"click\", layers, clickHandler);\n      };\n    },\n    [columns, enabled],\n  );\n\n  const hoveredColumnRef = useRef(null);\n  useMapStyleOperator(\n    (map) => {\n      const prevHoveredColumn = hoveredColumnRef.current;\n      if (hoveredColumn == prevHoveredColumn) return;\n      if (prevHoveredColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevHoveredColumn },\n          { hover: false },\n        );\n      }\n      hoveredColumnRef.current = hoveredColumn;\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: hoveredColumn },\n        { hover: true },\n      );\n    },\n    [hoveredColumn, columns],\n  );\n\n  /** Set feature state for selected columns */\n  const selectedColumnRef = useRef(null);\n  const initialRenderRef = useRef(true);\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) return;\n      const prevSelectedColumn = selectedColumnRef.current;\n      if (selectedColumn == prevSelectedColumn) return;\n      if (prevSelectedColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevSelectedColumn },\n          { selected: false },\n        );\n      }\n\n      selectedColumnRef.current = selectedColumn;\n\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: selectedColumn },\n        { selected: true },\n      );\n\n      // Center the selected column\n      const columnGeometry = columns.find(\n        (d) => d.id == selectedColumn,\n      )?.geometry;\n      if (columnGeometry == null) return;\n      const center = geoCentroid(columnGeometry);\n\n      const isInitialRender = initialRenderRef.current;\n      map.easeTo({ center }, { duration: isInitialRender ? 0 : 500 });\n      if (isInitialRender) {\n        initialRenderRef.current = false;\n      }\n    },\n    [selectedColumn, columns],\n  );\n\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.2d8e0e0f.js.map"}

package/dist/esm/column-views.3048acc1.js

@@ -0,0 +1,66 @@
+import {group as $7EBVZ$group} from "d3-array";
+import {createAPIContext as $7EBVZ$createAPIContext, useAPIResult as $7EBVZ$useAPIResult} from "@macrostrat/ui-components";
+
+
+
+const $a3ff7da576c02df0$var$responseUnwrapper = (d)=>d.records;
+const $a3ff7da576c02df0$var$pbdbAPIContext = (0, $7EBVZ$createAPIContext)({
+    baseURL: "https://training.paleobiodb.org/data1.2",
+    unwrapResponse: $a3ff7da576c02df0$var$responseUnwrapper
+});
+var $a3ff7da576c02df0$export$a990c76b38782f57 = /*#__PURE__*/ function(FossilDataType) {
+    FossilDataType["Occurrences"] = "occs";
+    FossilDataType["Collections"] = "colls";
+    return FossilDataType;
+}({});
+function $a3ff7da576c02df0$export$c4ed16553d869511(type, { col_id: col_id }) {
+    const params = {
+        ms_column: col_id,
+        show: "full,mslink"
+    };
+    return (0, $7EBVZ$useAPIResult)(`/${type}/list.json`, params, {
+        context: $a3ff7da576c02df0$var$pbdbAPIContext
+    });
+}
+function $a3ff7da576c02df0$var$useMacrostratFossilData({ col_id: col_id }) {
+    return (0, $7EBVZ$useAPIResult)("/fossils", {
+        col_id: col_id
+    });
+}
+function $a3ff7da576c02df0$var$createMacrostratCollection(d) {
+    let unit_id = null;
+    let col_id = null;
+    // Standardize names of Macrostrat units and columns
+    if (d.msu !== null) unit_id = parseInt(d.msu.replace(/^\w+:/, ""));
+    if (d.msc !== null) col_id = parseInt(d.msc.replace(/^\w+:/, ""));
+    return {
+        ...d,
+        unit_id: unit_id,
+        col_id: col_id,
+        cltn_id: parseInt(d.oid.replace(/^col:/, "")),
+        cltn_name: d.nam,
+        t_age: d.t_age,
+        b_age: d.b_age
+    };
+}
+function $a3ff7da576c02df0$export$e6af757fa9780077({ col_id: col_id }) {
+    // Fossil links are stored in both Macrostrat and PBDB, depending on how the link was assembled. Here
+    // we create a unified view of data over both sources.
+    const r1 = $a3ff7da576c02df0$export$c4ed16553d869511("colls", {
+        col_id: col_id
+    });
+    const r2 = $a3ff7da576c02df0$var$useMacrostratFossilData({
+        col_id: col_id
+    });
+    if (r1 == null || r2 == null) return null;
+    const r1a = r1.map($a3ff7da576c02df0$var$createMacrostratCollection);
+    const data = [
+        ...r1a,
+        ...r2
+    ];
+    return (0, $7EBVZ$group)(data, (d)=>d.unit_id);
+}
+
+
+export {$a3ff7da576c02df0$export$a990c76b38782f57 as FossilDataType, $a3ff7da576c02df0$export$c4ed16553d869511 as usePBDBFossilData, $a3ff7da576c02df0$export$e6af757fa9780077 as useFossilData};
+//# sourceMappingURL=column-views.3048acc1.js.map

package/dist/esm/column-views.3048acc1.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAGA,MAAM,0CAAoB,CAAC,IAAM,EAAE,OAAO;AAE1C,MAAM,uCAAiB,CAAA,GAAA,uBAAe,EAAE;IACtC,SAAS;IACT,gBAAgB;AAClB;AAEO,IAAA,AAAK,mEAAA;;;WAAA;;AAKL,SAAS,0CACd,IAAoB,EACpB,UAAE,MAAM,EAAE;IAEV,MAAM,SAAS;QACb,WAAW;QACX,MAAM;IACR;IACA,OAAO,CAAA,GAAA,mBAAW,EAAE,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,QAAQ;QAChD,SAAS;IACX;AACF;AAaA,SAAS,8CAAwB,UAAE,MAAM,EAAE;IACzC,OAAO,CAAA,GAAA,mBAAW,EAAE,YAAY;gBAAE;IAAO;AAC3C;AAEA,SAAS,iDAA2B,CAAC;IACnC,IAAI,UAAU;IACd,IAAI,SAAS;IACb,oDAAoD;IACpD,IAAI,EAAE,GAAG,KAAK,MACZ,UAAU,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS;IAE5C,IAAI,EAAE,GAAG,KAAK,MACZ,SAAS,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS;IAG3C,OAAO;QACL,GAAG,CAAC;iBACJ;gBACA;QACA,SAAS,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS;QACzC,WAAW,EAAE,GAAG;QAChB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;IAChB;AACF;AAEO,SAAS,0CAAc,UAAE,MAAM,EAAE;IACtC,qGAAqG;IACrG,sDAAsD;IAEtD,MAAM,KAAK,mDAA8C;gBAAE;IAAO;IAElE,MAAM,KAAK,8CAAwB;gBAAE;IAAO;IAE5C,IAAI,MAAM,QAAQ,MAAM,MAAM,OAAO;IACrC,MAAM,MAAM,GAAG,GAAG,CAAC;IAEnB,MAAM,OAAO;WAAI;WAAQ;KAAG;IAE5B,OAAO,CAAA,GAAA,YAAI,EAAE,MAAM,CAAC,IAAM,EAAE,OAAO;AACrC","sources":["packages/column-views/src/facets/fossils/provider.ts"],"sourcesContent":["import { group } from \"d3-array\";\nimport { createAPIContext, useAPIResult } from \"@macrostrat/ui-components\";\n\nconst responseUnwrapper = (d) => d.records;\n\nconst pbdbAPIContext = createAPIContext({\n  baseURL: \"https://training.paleobiodb.org/data1.2\",\n  unwrapResponse: responseUnwrapper,\n});\n\nexport enum FossilDataType {\n  Occurrences = \"occs\",\n  Collections = \"colls\",\n}\n\nexport function usePBDBFossilData(\n  type: FossilDataType,\n  { col_id },\n): any[] | null {\n  const params = {\n    ms_column: col_id,\n    show: \"full,mslink\",\n  };\n  return useAPIResult(`/${type}/list.json`, params, {\n    context: pbdbAPIContext,\n  });\n}\n\nexport interface PBDBCollection {\n  unit_id: number;\n  col_id: number;\n  cltn_id: number;\n  cltn_name: string;\n  pbdb_occs: number;\n  t_age: number;\n  b_age: number;\n  [key: string]: any; // Allow for additional properties\n}\n\nfunction useMacrostratFossilData({ col_id }): PBDBCollection[] | null {\n  return useAPIResult(\"/fossils\", { col_id });\n}\n\nfunction createMacrostratCollection(d): PBDBCollection {\n  let unit_id = null;\n  let col_id = null;\n  // Standardize names of Macrostrat units and columns\n  if (d.msu !== null) {\n    unit_id = parseInt(d.msu.replace(/^\\w+:/, \"\"));\n  }\n  if (d.msc !== null) {\n    col_id = parseInt(d.msc.replace(/^\\w+:/, \"\"));\n  }\n\n  return {\n    ...d,\n    unit_id,\n    col_id,\n    cltn_id: parseInt(d.oid.replace(/^col:/, \"\")),\n    cltn_name: d.nam,\n    t_age: d.t_age,\n    b_age: d.b_age,\n  };\n}\n\nexport function useFossilData({ col_id }) {\n  // Fossil links are stored in both Macrostrat and PBDB, depending on how the link was assembled. Here\n  // we create a unified view of data over both sources.\n\n  const r1 = usePBDBFossilData(FossilDataType.Collections, { col_id });\n\n  const r2 = useMacrostratFossilData({ col_id });\n\n  if (r1 == null || r2 == null) return null;\n  const r1a = r1.map(createMacrostratCollection);\n\n  const data = [...r1a, ...r2];\n\n  return group(data, (d) => d.unit_id);\n}\n"],"names":[],"version":3,"file":"column-views.3048acc1.js.map"}

package/dist/esm/column-views.3199d35a.css

@@ -0,0 +1,61 @@
+._4LY9uG_name-hierarchy {
+  width: 92%;
+  max-width: 700px;
+  margin: 0 auto;
+  padding-top: 35px;
+}
+
+._4LY9uG_hierarchy-container {
+  border: 2px solid var(--accent-color);
+  cursor: pointer;
+  background-color: var(--background-color);
+  border-radius: 2px;
+}
+
+._4LY9uG_active {
+  background-color: #9900004d !important;
+  border: 2px solid #9900004d !important;
+}
+
+._4LY9uG_hierarchy-name {
+  padding: 7px;
+  font-weight: bold;
+}
+
+._4LY9uG_hierarchy-link {
+  color: #000;
+  text-decoration: none;
+}
+
+._4LY9uG_hierarchy-link:hover {
+  color: #900;
+  text-decoration: none;
+}
+
+._4LY9uG_hierarchy-children {
+  margin-left: 7px;
+  padding-left: 7px;
+}
+
+._4LY9uG_hierarchy-children ._4LY9uG_hierarchy-container {
+  border-bottom: 0 !important;
+  border-right: 0 !important;
+}
+
+._4LY9uG_hierarchy-children ._4LY9uG_active {
+  border: 2px solid #9900004d !important;
+}
+
+._4LY9uG_badge {
+  background-color: var(--bac);
+  color: var(--text-color);
+  vertical-align: middle;
+  border-radius: 10px;
+  min-width: 10px;
+  margin-left: 3px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: 200;
+  display: inline-block;
+}
+/*# sourceMappingURL=column-views.3199d35a.css.map */

package/dist/esm/column-views.3199d35a.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;AAMA;;;;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAKA;;;;;AAGE;;;;;AAIA;;;;AAKF","sources":["packages/data-components/src/components/hierarchy/hierarchy.module.scss"],"sourcesContent":[".name-hierarchy {\n  width: 92%;\n  padding-top: 35px;\n  max-width: 700px;\n  margin: 0 auto;\n}\n.hierarchy-container {\n  border: 2px solid var(--accent-color);\n  border-radius: 2px;\n  cursor: pointer;\n  background-color: var(--background-color);\n}\n.active {\n  background-color: rgba(153, 0, 0, 0.3) !important;\n  border: 2px solid rgba(153, 0, 0, 0.3) !important;\n}\n.hierarchy-name {\n  font-weight: bold;\n  padding: 7px;\n}\n.hierarchy-link {\n  text-decoration: none;\n  color: #000;\n}\n.hierarchy-link:hover {\n  color: #990000;\n  text-decoration: none;\n}\n\n.hierarchy-children {\n  margin-left: 7px;\n  padding-left: 7px;\n  .hierarchy-container {\n    border-bottom: 0 !important;\n    border-right: 0 !important;\n  }\n  .active {\n    border: 2px solid rgba(153, 0, 0, 0.3) !important;\n  }\n}\n\n.badge {\n  background-color: var(--bac);\n  color: var(--text-color);\n  border-radius: 10px;\n  font-weight: 200;\n  display: inline-block;\n  margin-left: 3px;\n  min-width: 10px;\n  padding: 3px 7px;\n  font-size: 12px;\n  vertical-align: middle;\n  border-radius: 10px;\n}\n"],"names":[],"version":3,"file":"column-views.3199d35a.css.map"}

package/dist/esm/{main.module.3dd9500b.css → column-views.338a7a83.css}

@@ -131,4 +131,4 @@
   position: sticky;
   left: 0;
 }
-/*# sourceMappingURL=main.module.3dd9500b.css.map */
+/*# sourceMappingURL=column-views.338a7a83.css.map */

package/dist/esm/{main.module.3dd9500b.css.map → column-views.338a7a83.css.map}

@@ -1 +1 @@
-{"mappings":"AAGA;;;;;;;AAMA;;;;;;;AAOI;;;;;;;;;AAQF;;;;;AAIE;;;;;AAIJ;;;;;AAIA;;;;;;;;;;;AAGE;;;;;AAYF;;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;AASA;;;;AAGE;;;;;;;AAMA;;;;;AAIA;;;;;AAIF;;;;;;;AAMA;;;;;;;AAMA;;;;AAGA;;;;;;AAKA","sources":["packages/column-views/src/correlation-chart/main.module.sass"],"sourcesContent":["$map-size: 40em\n$map-size-inset: 12em\n\n.page-header\n  display: flex\n  flex-direction: row\n  justify-content: space-between\n  margin-bottom: 1em\n\n.diagram-container\n  flex: 1\n  position: relative\n  min-height: 0\n  display: flex\n\n  &.map-inset\n    .column-selection-map\n      position: absolute\n      top: 1em\n      right: 1em\n      height: $map-size-inset\n      width: $map-size-inset\n      z-index: 1000\n\n  &.map-expanded\n    flex-direction: row\n    gap: 1em\n\n    .assistant\n      width: 40em\n      position: relative\n\n.column-selection-map, .unit-details-panel, .main-area\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3)\n  border-radius: 6px\n\n.column-selection-map\n  overflow: hidden\n\n  .correlation-map\n    height: 100%\n    position: relative\n\n  flex: 1\n  min-height: $map-size-inset\n  max-height: $map-size\n  width: $map-size\n  position: relative\n  top: 0\n  right: 0\n\n.unit-details-panel\n  overflow: scroll\n  background: var(--panel-secondary-background-color)\n  flex: 2\n  padding: 1em\n  max-width: 100%\n\n.main-area\n  position: relative\n  flex: 1\n  min-height: 0\n  min-width: 0\n  overflow: scroll\n  background-color: var(--panel-secondary-background-color)\n\n\n.correlation-diagram\n  padding: 1em\n  padding-left: 0\n  background-color: var(--panel-secondary-background-color)\n  //box-shadow: 0 0 0.3em 0 var(--card-shadow-color)\n  --column-background-color: var(--background-color)\n  --column-stroke-color: var(--text-color)\n\n\n.package\n  position: relative\n\n  .package-overlay\n    position: absolute\n    top: 9px\n    left: 0\n    border: 2px solid red\n\n  .laterally-extensive-unit .strat-col-span\n    position: absolute\n    border: 2px solid red\n\n  .column-container\n    display: flex\n    flex-direction: row\n\n.map-expanded-button\n  position: absolute\n  top: 0.5em\n  right: 0.5em\n  z-index: 100\n\n.main-panel\n  position: relative\n  height: 100%\n  display: flex\n  flex-direction: column\n\n.main-chart\n  position: relative\n\n.correlation-chart-inner\n  display: flex\n  flex-direction: row\n  position: relative\n\n.age-axis-container\n  display: flex\n  flex-direction: row\n  position: sticky\n  left: 0\n  z-index: 100\n  padding-left: 1em\n  padding-right: 2px\n  background-color: var(--panel-secondary-background-color)\n"],"names":[],"version":3,"file":"main.module.3dd9500b.css.map"}
+{"mappings":"AAGA;;;;;;;AAMA;;;;;;;AAOI;;;;;;;;;AAQF;;;;;AAIE;;;;;AAIJ;;;;;AAIA;;;;;;;;;;;AAGE;;;;;AAYF;;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;AASA;;;;AAGE;;;;;;;AAMA;;;;;AAIA;;;;;AAIF;;;;;;;AAMA;;;;;;;AAMA;;;;AAGA;;;;;;AAKA","sources":["packages/column-views/src/correlation-chart/main.module.sass"],"sourcesContent":["$map-size: 40em\n$map-size-inset: 12em\n\n.page-header\n  display: flex\n  flex-direction: row\n  justify-content: space-between\n  margin-bottom: 1em\n\n.diagram-container\n  flex: 1\n  position: relative\n  min-height: 0\n  display: flex\n\n  &.map-inset\n    .column-selection-map\n      position: absolute\n      top: 1em\n      right: 1em\n      height: $map-size-inset\n      width: $map-size-inset\n      z-index: 1000\n\n  &.map-expanded\n    flex-direction: row\n    gap: 1em\n\n    .assistant\n      width: 40em\n      position: relative\n\n.column-selection-map, .unit-details-panel, .main-area\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3)\n  border-radius: 6px\n\n.column-selection-map\n  overflow: hidden\n\n  .correlation-map\n    height: 100%\n    position: relative\n\n  flex: 1\n  min-height: $map-size-inset\n  max-height: $map-size\n  width: $map-size\n  position: relative\n  top: 0\n  right: 0\n\n.unit-details-panel\n  overflow: scroll\n  background: var(--panel-secondary-background-color)\n  flex: 2\n  padding: 1em\n  max-width: 100%\n\n.main-area\n  position: relative\n  flex: 1\n  min-height: 0\n  min-width: 0\n  overflow: scroll\n  background-color: var(--panel-secondary-background-color)\n\n\n.correlation-diagram\n  padding: 1em\n  padding-left: 0\n  background-color: var(--panel-secondary-background-color)\n  //box-shadow: 0 0 0.3em 0 var(--card-shadow-color)\n  --column-background-color: var(--background-color)\n  --column-stroke-color: var(--text-color)\n\n\n.package\n  position: relative\n\n  .package-overlay\n    position: absolute\n    top: 9px\n    left: 0\n    border: 2px solid red\n\n  .laterally-extensive-unit .strat-col-span\n    position: absolute\n    border: 2px solid red\n\n  .column-container\n    display: flex\n    flex-direction: row\n\n.map-expanded-button\n  position: absolute\n  top: 0.5em\n  right: 0.5em\n  z-index: 100\n\n.main-panel\n  position: relative\n  height: 100%\n  display: flex\n  flex-direction: column\n\n.main-chart\n  position: relative\n\n.correlation-chart-inner\n  display: flex\n  flex-direction: row\n  position: relative\n\n.age-axis-container\n  display: flex\n  flex-direction: row\n  position: sticky\n  left: 0\n  z-index: 100\n  padding-left: 1em\n  padding-right: 2px\n  background-color: var(--panel-secondary-background-color)\n"],"names":[],"version":3,"file":"column-views.338a7a83.css.map"}