@macrostrat/column-views 2.0.1 → 2.1.0

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

@@ -1,163 +0,0 @@
-import {useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./column-views.07521ce6.js";
-import {useDataLocator as $1dbd903fb3e2f029$export$919dbb10b6b5b75, IsotopesDataArea as $1dbd903fb3e2f029$export$309ef8546e07d921, IsotopeDataPoint as $1dbd903fb3e2f029$export$4cb5d059db4e2bd} from "./column-views.062d164a.js";
-import {format as $cjrRw$format} from "d3-format";
-import {useContext as $cjrRw$useContext} from "react";
-import $cjrRw$macrostrathyper from "@macrostrat/hyper";
-import $cjrRw$classnames from "classnames";
-import {AxisBottom as $cjrRw$AxisBottom} from "@visx/axis";
-import {referenceMeasuresToColumn as $cjrRw$referenceMeasuresToColumn} from "@macrostrat/stratigraphy-utils";
-import {ColumnLayoutContext as $cjrRw$ColumnLayoutContext, useColumnDivisions as $cjrRw$useColumnDivisions, CrossAxisLayoutProvider as $cjrRw$CrossAxisLayoutProvider} from "@macrostrat/column-components";
-
-
-
-
-
-
-
-
-
-
-const $d5a3eba6c540ff58$var$fmt = (0, $cjrRw$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, $cjrRw$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, $cjrRw$useContext)((0, $cjrRw$ColumnLayoutContext));
-    const tickValues = _tickVals ?? xScale.ticks(nTicks);
-    return (0, $cjrRw$macrostrathyper)("g.scale.isotope-scale-axis", [
-        (0, $cjrRw$macrostrathyper)("g.scale-lines", tickValues.map((value)=>{
-            const strokeDasharray = value == 0 ? null : "2 6";
-            return (0, $cjrRw$macrostrathyper)($d5a3eba6c540ff58$var$ScaleLine, {
-                value: value,
-                stroke: "#ddd",
-                strokeDasharray: strokeDasharray
-            });
-        })),
-        (0, $cjrRw$macrostrathyper).if(showAxis)([
-            (0, $cjrRw$macrostrathyper)("rect.underlay", {
-                x: 0,
-                y: pixelHeight,
-                width: width,
-                height: 30
-            }),
-            (0, $cjrRw$macrostrathyper)((0, $cjrRw$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, $cjrRw$useContext)((0, $cjrRw$ColumnLayoutContext));
-    const x = xScale(value);
-    const transform = `translate(${x})`;
-    className = (0, $cjrRw$classnames)(className, {
-        zero: value === 0
-    });
-    return (0, $cjrRw$macrostrathyper)("g.tick", {
-        transform: transform,
-        className: className,
-        key: value
-    }, [
-        (0, $cjrRw$macrostrathyper)("line", {
-            x0: 0,
-            x1: 0,
-            y0: 0,
-            y1: pixelHeight,
-            ...rest
-        }),
-        (0, $cjrRw$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, $cjrRw$useColumnDivisions)();
-    const measures = (0, $8adf39b8c41fe3cc$export$8a0335fd9ff72150)() ?? [];
-    const refMeasures = (0, $cjrRw$referenceMeasuresToColumn)(divisions, measures).filter((d)=>d.measurement == parameter);
-    const points = $d5a3eba6c540ff58$var$unnestPoints(refMeasures);
-    return (0, $cjrRw$macrostrathyper)((0, $1dbd903fb3e2f029$export$309ef8546e07d921), {
-        getHeight (d) {
-            return d.age;
-        }
-    }, (0, $cjrRw$macrostrathyper)("g.data-points", points.map((d)=>{
-        return (0, $cjrRw$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, $cjrRw$macrostrathyper)($d5a3eba6c540ff58$export$c69bd0285aa5d775, {
-        parameter: parameter,
-        color: color,
-        getHeight: getHeight
-    });
-    return (0, $cjrRw$macrostrathyper)((0, $cjrRw$CrossAxisLayoutProvider), {
-        width: width,
-        domain: domain
-    }, (0, $cjrRw$macrostrathyper)("g.isotopes-column", {
-        className: parameter,
-        transform: transform
-    }, [
-        (0, $cjrRw$macrostrathyper)($d5a3eba6c540ff58$var$ColumnScale, {
-            label: label ?? parameter,
-            ...rest
-        }),
-        _children
-    ]));
-}
-
-
-export {$d5a3eba6c540ff58$export$c69bd0285aa5d775 as IsotopesDataset, $d5a3eba6c540ff58$export$5d8aa8022c284748 as IsotopesColumn};
-//# sourceMappingURL=column-views.ac9fb5e1.js.map

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

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/carbon-isotopes/isotopes-column.ts"],"sourcesContent":["import { format } from \"d3-format\";\nimport { useContext } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport classNames from \"classnames\";\nimport { AxisBottom } from \"@visx/axis\";\nimport { useMeasurementData } from \"./data-provider\";\n\nimport {\n  IsotopesDataArea,\n  useDataLocator,\n  IsotopeDataPoint,\n} from \"./data-area\";\nimport { referenceMeasuresToColumn } from \"@macrostrat/stratigraphy-utils\";\nimport {\n  CrossAxisLayoutProvider,\n  ColumnLayoutContext,\n  useColumnDivisions,\n} from \"@macrostrat/column-components\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { AxisProps } from \"@visx/axis/lib/axis/Axis\";\n\nconst fmt = format(\".1f\");\n\ntype IsotopesTextProps = {\n  datum: any;\n  text: string;\n};\n\nfunction IsotopeText({ datum, text, ...rest }: IsotopesTextProps) {\n  const { pointLocator } = useDataLocator();\n  const [x, y] = pointLocator(datum);\n  return h(\n    \"text\",\n    {\n      x,\n      y,\n      ...rest,\n    },\n    text\n  );\n}\n\nfunction ColumnScale(props) {\n  const {\n    label,\n    showAxis = true,\n    nTicks = 6,\n    tickValues: _tickVals,\n    ...rest\n  } = props;\n  const { xScale, pixelHeight, width } = useContext(ColumnLayoutContext);\n\n  const tickValues = _tickVals ?? xScale.ticks(nTicks);\n\n  return h(\"g.scale.isotope-scale-axis\", [\n    h(\n      \"g.scale-lines\",\n      tickValues.map((value) => {\n        const strokeDasharray = value == 0 ? null : \"2 6\";\n        return h(ScaleLine, { value, stroke: \"#ddd\", strokeDasharray });\n      })\n    ),\n    h.if(showAxis)([\n      h(\"rect.underlay\", {\n        x: 0,\n        y: pixelHeight,\n        width,\n        height: 30,\n      }),\n      h(AxisBottom, {\n        scale: xScale,\n        tickLength: 3,\n        tickValues,\n        ...rest,\n        top: pixelHeight,\n        tickLabelProps(tickValue, i) {\n          // Compensate for negative sign\n          let dx;\n          if (tickValue < 0) {\n            dx = -2;\n          }\n          return {\n            dy: \"-1px\",\n            dx,\n            fontSize: 10,\n            textAnchor: \"middle\",\n            fill: \"#aaa\",\n          };\n        },\n        labelOffset: 0,\n        label,\n      }),\n    ]),\n  ]);\n}\n\ninterface ScaleLineProps {\n  value: number;\n  className?: string;\n  labelBottom?: boolean;\n  labelOffset?: number;\n  strokeDasharray?: string;\n  stroke?: string | number;\n}\n\nfunction ScaleLine(props: ScaleLineProps) {\n  let { value, className, labelBottom, labelOffset, ...rest } = props;\n  if (labelBottom == null) {\n    labelBottom = false;\n  }\n  if (labelOffset == null) {\n    labelOffset = 12;\n  }\n  const { xScale, pixelHeight } = useContext(ColumnLayoutContext);\n  const x = xScale(value);\n  const transform = `translate(${x})`;\n  className = classNames(className, { zero: value === 0 });\n  return h(\"g.tick\", { transform, className, key: value }, [\n    h(\"line\", { x0: 0, x1: 0, y0: 0, y1: pixelHeight, ...rest }),\n    h.if(labelBottom)(\"text\", { y: pixelHeight + labelOffset }, `${value}`),\n  ]);\n}\n\nfunction unnestPoints(measures) {\n  let points = [];\n  for (const meas of measures) {\n    const vals = meas.measure_value.map((d, i) => {\n      return {\n        value: d,\n        age: meas.measure_age[i],\n        position: meas.measure_position[i],\n        unit_id: meas.unit_id,\n        sample_id: meas.sample_no[i],\n        measurement: meas.measurement,\n      };\n    });\n    Array.prototype.push.apply(points, vals);\n  }\n  return points;\n}\n\ninterface IsotopesDatasetProps {\n  color: string;\n  parameter: string;\n}\n\ninterface IsotopeColumnProps extends IsotopesDatasetProps {\n  width: number;\n  tickValues?: number[];\n  label: string;\n  domain: [number, number];\n  transform?: string;\n  getHeight?: Function;\n}\n\nfunction IsotopesDataset(props) {\n  const { parameter, color = \"dodgerblue\" } = props;\n  const divisions: BaseUnit[] = useColumnDivisions() as any;\n  const measures = useMeasurementData() ?? [];\n  const refMeasures = referenceMeasuresToColumn(divisions, measures).filter(\n    (d) => d.measurement == parameter\n  );\n  const points = unnestPoints(refMeasures);\n\n  return h(\n    IsotopesDataArea,\n    {\n      getHeight(d) {\n        return d.age;\n      },\n    } as any,\n    h(\n      \"g.data-points\",\n      points.map((d) => {\n        return h(IsotopeDataPoint, {\n          datum: d,\n          fill: color,\n        });\n      })\n    )\n  );\n}\n\nfunction IsotopesColumn(\n  props: IsotopeColumnProps & { children?: React.ReactNode } & AxisProps<any>\n) {\n  const {\n    width = 120,\n    domain = [-14, 6],\n    parameter,\n    label,\n    color = \"dodgerblue\",\n    children = null,\n    transform,\n    getHeight,\n    ...rest\n  } = props;\n\n  let _children: any = children;\n  if (children == null && parameter != null) {\n    _children = h(IsotopesDataset, { parameter, color, getHeight });\n  }\n\n  return h(\n    CrossAxisLayoutProvider,\n    { width, domain },\n    h(\"g.isotopes-column\", { className: parameter, transform }, [\n      h(ColumnScale, { label: label ?? parameter, ...rest }),\n      _children,\n    ])\n  );\n}\n\nexport { IsotopesColumn, IsotopesDataset };\n"],"names":[],"version":3,"file":"column-views.ac9fb5e1.js.map"}

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

@@ -1,88 +0,0 @@
-import $l9wxE$columnviews94b5cca1js from "./column-views.94b5cca1.js";
-import "./column-views.a7be0a4a.css";
-import $132b1b0fb905c489$export$2e2bcd8739ae039 from "./column-views.3f4db8cb.js";
-import {ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b} from "./column-views.68409161.js";
-import {MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080} from "./column-views.e77b9d6b.js";
-import {MacrostratDataProvider as $774a5efa27d1c77b$export$690613f93cdc5576} from "./column-views.28ee5f43.js";
-import {useColumnNav as $b8de97dfa82f4910$export$91cb5ac808759b34} from "./column-views.6d6b73b4.js";
-import {MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841} from "./column-views.07521ce6.js";
-import $l9wxE$macrostrathyper from "@macrostrat/hyper";
-import {useAPIResult as $l9wxE$useAPIResult} from "@macrostrat/ui-components";
-import {useMemo as $l9wxE$useMemo} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-const $5cc70deb5088007a$var$h = (0, $l9wxE$macrostrathyper).styled((0, ($parcel$interopDefault($l9wxE$columnviews94b5cca1js))));
-const $5cc70deb5088007a$var$ColumnTitle = (props)=>{
-    return $5cc70deb5088007a$var$h.if(props.data != null)("h1", props.data?.col_name);
-};
-const $5cc70deb5088007a$var$defaultArgs = {
-    col_id: 2192,
-    //unit_id: null,
-    project_id: 10,
-    status_code: "in process"
-};
-function $5cc70deb5088007a$export$883edafebdc6d87e(columnArgs) {
-    return $5cc70deb5088007a$var$h((0, $774a5efa27d1c77b$export$690613f93cdc5576), $5cc70deb5088007a$var$h((0, $8adf39b8c41fe3cc$export$5f01d5b342a89841), columnArgs, [
-        // @ts-ignore
-        $5cc70deb5088007a$var$h((0, $132b1b0fb905c489$export$2e2bcd8739ae039), {
-            params: columnArgs
-        })
-    ]));
-}
-function $5cc70deb5088007a$var$ColumnManager() {
-    const [columnArgs, setCurrentColumn] = (0, $b8de97dfa82f4910$export$91cb5ac808759b34)($5cc70deb5088007a$var$defaultArgs);
-    const { col_id: col_id, ...projectParams } = columnArgs;
-    const colParams = (0, $l9wxE$useMemo)(()=>({
-            ...columnArgs,
-            format: "geojson"
-        }), [
-        columnArgs
-    ]);
-    const res = (0, $l9wxE$useAPIResult)("/columns", colParams);
-    const columnFeature = res?.features[0];
-    return $5cc70deb5088007a$var$h((0, $8adf39b8c41fe3cc$export$5f01d5b342a89841), columnArgs, [
-        $5cc70deb5088007a$var$h("div.column-ui", [
-            $5cc70deb5088007a$var$h("div.column-view", [
-                $5cc70deb5088007a$var$h($5cc70deb5088007a$var$ColumnTitle, {
-                    data: columnFeature?.properties
-                }),
-                // @ts-ignore
-                $5cc70deb5088007a$var$h((0, $132b1b0fb905c489$export$2e2bcd8739ae039), {
-                    params: columnArgs
-                })
-            ]),
-            $5cc70deb5088007a$var$h("div.map-column", [
-                $5cc70deb5088007a$var$h((0, $e6046e00d2c8a163$export$9595c40c7a4c4f7b), {
-                    currentColumn: columnFeature,
-                    setCurrentColumn: setCurrentColumn,
-                    margin: 0,
-                    ...projectParams
-                }, $5cc70deb5088007a$var$h((0, $93f116a6493b17c3$export$2254347cd20e6080), {
-                    ...projectParams,
-                    style: {
-                        fill: "dodgerblue",
-                        stroke: "blue"
-                    }
-                }))
-            ])
-        ])
-    ]);
-}
-function $5cc70deb5088007a$export$e2beef9ae524c9d5() {
-    return $5cc70deb5088007a$var$h((0, $774a5efa27d1c77b$export$690613f93cdc5576), $5cc70deb5088007a$var$h($5cc70deb5088007a$var$ColumnManager));
-}
-
-
-export {$5cc70deb5088007a$export$883edafebdc6d87e as CarbonIsotopesColumn, $5cc70deb5088007a$export$e2beef9ae524c9d5 as CarbonIsotopesApp};
-//# sourceMappingURL=column-views.c58aad3f.js.map

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

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

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

@@ -1,11 +0,0 @@
-import {IsotopesDataset as $d5a3eba6c540ff58$export$c69bd0285aa5d775, IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748} from "./column-views.ac9fb5e1.js";
-import {MeasurementDataContext as $8adf39b8c41fe3cc$export$c644ef985ce7a4c4, MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841, useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./column-views.07521ce6.js";
-import {CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, CarbonIsotopesApp as $5cc70deb5088007a$export$e2beef9ae524c9d5} from "./column-views.c58aad3f.js";
-
-
-
-
-
-
-export {$d5a3eba6c540ff58$export$c69bd0285aa5d775 as IsotopesDataset, $d5a3eba6c540ff58$export$5d8aa8022c284748 as IsotopesColumn, $8adf39b8c41fe3cc$export$c644ef985ce7a4c4 as MeasurementDataContext, $8adf39b8c41fe3cc$export$5f01d5b342a89841 as MeasurementDataProvider, $8adf39b8c41fe3cc$export$8a0335fd9ff72150 as useMeasurementData, $5cc70deb5088007a$export$883edafebdc6d87e as CarbonIsotopesColumn, $5cc70deb5088007a$export$e2beef9ae524c9d5 as CarbonIsotopesApp};
-//# sourceMappingURL=column-views.d1ad48eb.js.map

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

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

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

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAHA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAkC,CAAC,oBAAoB,CAAC","sources":["packages/column-views/src/age-axis.module.sass"],"sourcesContent":[".age-axis\n  transform: translateX(20px)\n\n  :global(.tick)\n    text\n      text-anchor: middle\n      // TODO: allow font size to vary without this..\n      font-weight: 400 !important\n      transform: rotate(-90deg) translate(8px, -12px)\n      font-size: var(--column-axis-font-size, 0.8rem)\n\n    line\n      stroke-width: 1px !important\n\n.age-axis-column\n  flex-shrink: 0\n\n.age-axis-label\n  writing-mode: vertical-lr\n  transform: rotate(180deg)\n  font-size: var(--column-axis-font-size, 0.8rem)\n  text-align: center\n  position: sticky\n  top: 0\n  max-height: 100vh\n.age-axis-unit\n  color: var(--text-subtle-color)\n"],"names":[],"version":3,"file":"column-views.dff52504.js.map"}

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

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;AAII;;;;;;;AAOA;;;;AAGJ;;;;AAGA;;;;;;;;;;AAQA","sources":["packages/column-views/src/age-axis.module.sass"],"sourcesContent":[".age-axis\n  transform: translateX(20px)\n\n  :global(.tick)\n    text\n      text-anchor: middle\n      // TODO: allow font size to vary without this..\n      font-weight: 400 !important\n      transform: rotate(-90deg) translate(8px, -12px)\n      font-size: var(--column-axis-font-size, 0.8rem)\n\n    line\n      stroke-width: 1px !important\n\n.age-axis-column\n  flex-shrink: 0\n\n.age-axis-label\n  writing-mode: vertical-lr\n  transform: rotate(180deg)\n  font-size: var(--column-axis-font-size, 0.8rem)\n  text-align: center\n  position: sticky\n  top: 0\n  max-height: 100vh\n.age-axis-unit\n  color: var(--text-subtle-color)\n"],"names":[],"version":3,"file":"column-views.e2b9c23c.css.map"}

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

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

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

@@ -1 +0,0 @@
-{"mappings":";;;;;;;AAgBA,MAAM,oDACJ,CAAA,GAAA,oBAAY,EAA+B;AAEtC,SAAS,0CAA6B,YAC3C,QAAQ,SACR,KAAK,YACL,QAAQ,eACR,WAAW,YACX,QAAQ,EAC8C;IACtD;;;;;;;;;KASG,GAEH,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,OAAO;mBACL;sBACA;yBACA;sBACA;QACF;IACF,GAAG;QAAC;QAAO;QAAU;QAAa;KAAS;IAE3C,OAAO,CAAA,GAAA,sBAAA,EAAE,kDAA4B,QAAQ,EAAE;eAAE;IAAM,GAAG;AAC5D;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO;AACT;AAEO,SAAS;IACd,OAAO,4CAA0B,KAAK;AACxC;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO,CAAA,GAAA,yCAAmB,EAAE,IAAI,QAAQ,EAAE;AAC5C","sources":["packages/column-views/src/data-provider/store.ts"],"sourcesContent":["import { createContext, useContext, ReactNode, useMemo } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  createCompositeScale,\n  PackageLayoutData,\n} from \"../prepare-units/composite-scale\";\nimport { ExtUnit } from \"../prepare-units/helpers\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\n\nexport interface MacrostratColumnDataContext {\n  units: ExtUnit[];\n  sections: PackageLayoutData[];\n  totalHeight?: number;\n  axisType?: ColumnAxisType;\n}\n\nconst MacrostratColumnDataContext =\n  createContext<MacrostratColumnDataContext>(null);\n\nexport function MacrostratColumnDataProvider({\n  children,\n  units,\n  sections,\n  totalHeight,\n  axisType,\n}: MacrostratColumnDataContext & { children: ReactNode }) {\n  /** Provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */\n\n  const value = useMemo(() => {\n    return {\n      units,\n      sections,\n      totalHeight,\n      axisType,\n    };\n  }, [units, sections, totalHeight, axisType]);\n\n  return h(MacrostratColumnDataContext.Provider, { value }, children);\n}\n\nexport function useMacrostratColumnData() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\"\n    );\n  }\n  return ctx;\n}\n\nexport function useMacrostratUnits() {\n  return useMacrostratColumnData().units;\n}\n\nexport function useCompositeScale() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useCompositeScale must be used within a MacrostratUnitsProvider\"\n    );\n  }\n  return createCompositeScale(ctx.sections, true);\n}\n"],"names":[],"version":3,"file":"column-views.ea237aa8.js.map"}

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

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/column.ts"],"sourcesContent":["import { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport classNames from \"classnames\";\nimport { RefObject, useRef, HTMLAttributes } from \"react\";\nimport styles from \"./column.module.sass\";\nimport {\n  UnitSelectionProvider,\n  UnitComponent,\n  UnitKeyboardNavigation,\n  useUnitSelectionDispatch,\n} from \"./units\";\n\nimport { ColumnHeightScaleOptions } from \"./prepare-units/composite-scale\";\nimport { UnitSelectionPopover } from \"./unit-details\";\nimport {\n  MacrostratColumnDataProvider,\n  useMacrostratColumnData,\n} from \"./data-provider\";\nimport {\n  SectionSharedProps,\n  CompositeTimescale,\n  SectionsColumn,\n} from \"./section\";\nimport { CompositeAgeAxis } from \"./age-axis\";\nimport { MergeSectionsMode, usePreparedColumnUnits } from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { NonIdealState } from \"@blueprintjs/core\";\n\nconst h = hyperStyled(styles);\n\ninterface BaseColumnProps extends SectionSharedProps {\n  className?: string;\n  showLabelColumn?: boolean;\n  keyboardNavigation?: boolean;\n  showLabels?: boolean;\n  maxInternalColumns?: number;\n  // Timescale properties\n  showTimescale?: boolean;\n  timescaleLevels?: number | [number, number];\n}\n\nexport interface ColumnProps extends BaseColumnProps, ColumnHeightScaleOptions {\n  // Macrostrat units\n  units: UnitLong[];\n  t_age?: number;\n  b_age?: number;\n  mergeSections?: MergeSectionsMode;\n  showUnitPopover?: boolean;\n  selectedUnit?: number | null;\n  onUnitSelected?: (unitID: number | null, unit: any) => void;\n  // Unconformity height in pixels\n  unconformityHeight?: number;\n}\n\nexport function Column(props: ColumnProps) {\n  const {\n    showUnitPopover = false,\n    keyboardNavigation = false,\n    mergeSections,\n    onUnitSelected,\n    selectedUnit,\n    children,\n    units: rawUnits,\n    axisType = ColumnAxisType.AGE,\n    t_age,\n    b_age,\n    unconformityHeight = 30,\n    targetUnitHeight = 20,\n    pixelScale,\n    minPixelScale = 0.2,\n    minSectionHeight = 50,\n    collapseSmallUnconformities = true,\n    ...rest\n  } = props;\n  const ref = useRef<HTMLElement>();\n  // Selected item position\n\n  const { sections, units, totalHeight } = usePreparedColumnUnits(rawUnits, {\n    axisType,\n    t_age,\n    b_age,\n    mergeSections,\n    targetUnitHeight,\n    unconformityHeight,\n    pixelScale,\n    minPixelScale,\n    minSectionHeight,\n    collapseSmallUnconformities,\n  });\n\n  if (sections.length === 0) {\n    return h(\n      \"div.column-container.empty\",\n      h(NonIdealState, {\n        title: \"Empty column\",\n        description: \"No sections found in this column.\",\n        icon: \"warning-sign\",\n      })\n    );\n  }\n\n  return h(\n    MacrostratColumnDataProvider,\n    { units, sections, totalHeight, axisType },\n    h(\n      UnitSelectionProvider,\n      { columnRef: ref, onUnitSelected, selectedUnit, units },\n      h(ColumnInner, { columnRef: ref, ...rest }, [\n        children,\n        h.if(showUnitPopover)(UnitSelectionPopover),\n        h.if(keyboardNavigation)(UnitKeyboardNavigation, { units }),\n      ])\n    )\n  );\n}\n\ninterface ColumnInnerProps extends BaseColumnProps {\n  columnRef: RefObject<HTMLElement>;\n}\n\nfunction ColumnInner(props: ColumnInnerProps) {\n  const {\n    unitComponent = UnitComponent,\n    unconformityLabels = true,\n    showLabels = true,\n    width: _width = 300,\n    columnWidth: _columnWidth = 150,\n    showLabelColumn: _showLabelColumn = true,\n    className,\n    columnRef,\n    clipUnits = false,\n    children,\n    showTimescale,\n    timescaleLevels,\n    maxInternalColumns,\n  } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  const dispatch = useUnitSelectionDispatch();\n\n  let width = _width;\n  let columnWidth = _columnWidth;\n  if (columnWidth > width) {\n    columnWidth = width;\n  }\n  let showLabelColumn = _showLabelColumn;\n  if (columnWidth > width - 10) {\n    showLabelColumn = false;\n  }\n\n  let _showTimescale = showTimescale;\n  if (timescaleLevels !== null) {\n    _showTimescale = true;\n  }\n  _showTimescale = axisType == ColumnAxisType.AGE && _showTimescale;\n\n  return h(\n    ColumnContainer,\n    {\n      onClick(evt) {\n        dispatch?.(null, null, evt as any);\n      },\n      className,\n    },\n    h(\"div.column\", { ref: columnRef }, [\n      h(CompositeAgeAxis),\n      h.if(_showTimescale)(CompositeTimescale, { levels: timescaleLevels }),\n      h(SectionsColumn, {\n        unitComponent,\n        showLabels,\n        width,\n        columnWidth,\n        showLabelColumn,\n        clipUnits,\n        unconformityLabels,\n        maxInternalColumns,\n      }),\n      children,\n    ])\n  );\n}\n\nexport interface ColumnContainerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n}\n\nexport function ColumnContainer(props: ColumnContainerProps) {\n  const { className, ...rest } = props;\n  const darkMode = useDarkMode();\n\n  return h(\"div.column-container\", {\n    className: classNames(className, {\n      \"dark-mode\": darkMode?.isEnabled ?? false,\n    }),\n    ...rest,\n  });\n}\n"],"names":[],"version":3,"file":"column-views.f71ec4b4.js.map"}

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

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/section.ts"],"sourcesContent":["import {\n  CompositeUnitsColumn,\n  LabelTrackerProvider,\n  SectionLabelsColumn,\n} from \"./units\";\nimport { ReactNode, FunctionComponent, useMemo } from \"react\";\nimport { Timescale, TimescaleOrientation } from \"@macrostrat/timescale\";\nimport { ColumnAxisType, SVG } from \"@macrostrat/column-components\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./column.module.sass\";\nimport type { ExtUnit } from \"./prepare-units/helpers\";\nimport { PackageScaleLayoutData } from \"./prepare-units/composite-scale\";\nimport {\n  useMacrostratColumnData,\n  useMacrostratUnits,\n  MacrostratColumnProvider,\n} from \"./data-provider\";\nimport { Duration } from \"./unit-details\";\n\nconst h = hyper.styled(styles);\n\nexport interface SectionSharedProps {\n  unitComponent?: FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  children?: ReactNode;\n  showLabelColumn?: boolean;\n  axisType?: ColumnAxisType;\n  className?: string;\n  clipUnits?: boolean;\n  maxInternalColumns?: number;\n  // Space between sections\n  verticalSpacing?: number;\n  // Whether to render unconformity labels\n  unconformityLabels?: boolean;\n}\n\nexport interface SectionProps extends SectionSharedProps {\n  units: ExtUnit[];\n  scaleInfo: PackageScaleLayoutData;\n}\n\nexport function SectionsColumn(props: SectionSharedProps) {\n  const {\n    unconformityLabels = true,\n    unitComponent,\n    unitComponentProps,\n    showLabels = true,\n    width = 300,\n    columnWidth = 150,\n    showLabelColumn = true,\n    clipUnits = true,\n    maxInternalColumns,\n  } = props;\n\n  const units = useMacrostratUnits();\n\n  // Get a unique key for the column\n  const key = units[0]?.unit_id;\n\n  return h(LabelTrackerProvider, { units, key }, [\n    h(SectionUnitsColumn, {\n      width: columnWidth,\n      unitComponent,\n      unitComponentProps,\n      showLabels,\n      clipUnits,\n      maxInternalColumns,\n      unconformityLabels,\n    }),\n    h.if(showLabelColumn)(SectionLabelsColumn, {\n      width: width - columnWidth,\n    }),\n  ]);\n}\n\nfunction SectionUnitsColumn(props: SectionSharedProps) {\n  const {\n    width,\n    showLabels,\n    unitComponent,\n    unitComponentProps,\n    clipUnits,\n    maxInternalColumns,\n    unconformityLabels = true,\n  } = props;\n\n  const { sections, totalHeight } = useMacrostratColumnData();\n\n  const scaleData: PackageScaleLayoutData[] = sections.map((section) => {\n    return section.scaleInfo;\n  });\n\n  const innerWidth = width - 2;\n\n  return h(\"div.section-units-container\", { style: { width } }, [\n    h(\n      SVG,\n      {\n        className: \"sections\",\n        height: totalHeight,\n        innerWidth,\n        paddingH: 1,\n      },\n      sections.map((group) => {\n        const { units, scaleInfo, section_id } = group;\n\n        const key = `section-${section_id}`;\n        return h(\n          SectionUnits,\n          {\n            units,\n            scaleInfo,\n            key,\n            unitComponent,\n            unitComponentProps,\n            showLabels,\n            width: innerWidth,\n            clipUnits,\n            maxInternalColumns,\n          } // This unconformity is with the section _above_\n        );\n      })\n    ),\n    h.if(unconformityLabels)(UnconformityLabels, {\n      width,\n      sections: scaleData,\n    }),\n  ]);\n}\n\nfunction SectionUnits(props: SectionProps) {\n  // Section with \"squishy\" timescale\n  const {\n    units,\n    scaleInfo,\n    unitComponent,\n    showLabels = true,\n    width = 300,\n    unitComponentProps,\n    className,\n    clipUnits = true,\n    maxInternalColumns,\n  } = props;\n\n  const { domain, pixelScale, pixelHeight } = scaleInfo;\n\n  /** Ensure that we can arrange units into the maximum number\n   * of columns defined by unitComponentProps, but that we don't\n   * use more than necessary.\n   */\n  const _unitComponentProps = useMemo(() => {\n    return {\n      ...unitComponentProps,\n      nColumns: Math.min(\n        maxInternalColumns ?? Math.floor(width / 10),\n        unitComponentProps?.nColumns ?? Infinity,\n        Math.max(...units.map((d) => d.column)) + 1\n      ),\n      //axisType,\n    };\n  }, [units, unitComponentProps, maxInternalColumns, width]);\n\n  const style = {\n    \"--section-height\": `${pixelHeight}px`,\n    \"--section-width\": `${width}px`,\n  };\n\n  return h(\n    \"g.section\",\n    { className, style, transform: `translate(0 ${scaleInfo.offset})` },\n    h(\n      MacrostratColumnProvider,\n      {\n        units,\n        domain,\n        pixelScale, // Actually pixels per myr,\n      },\n      h(CompositeUnitsColumn, {\n        width,\n        showLabels,\n        unitComponent,\n        unitComponentProps: _unitComponentProps,\n        clipToFrame: clipUnits,\n      })\n    )\n  );\n}\n\ninterface CompositeTimescaleProps {\n  levels?: [number, number] | number;\n}\n\nexport function CompositeTimescale(props: CompositeTimescaleProps) {\n  const { sections } = useMacrostratColumnData();\n  const sectionScales = sections.map((section) => {\n    return section.scaleInfo;\n  });\n\n  return h(CompositeTimescaleCore, {\n    packages: sectionScales,\n    ...props,\n  });\n}\n\ntype CompositeTimescaleCoreProps = CompositeTimescaleProps & {\n  packages: PackageScaleLayoutData[];\n  unconformityLabels?: boolean;\n};\n\nexport function CompositeTimescaleCore(props: CompositeTimescaleCoreProps) {\n  const { levels = 3, packages, unconformityLabels = false } = props;\n\n  let _levels: [number, number];\n  if (typeof levels === \"number\") {\n    // If levels is a number, use the most common starting level\n    _levels = [2, Math.max(2 + Math.min(levels, 5) - 1, 1)];\n  } else {\n    _levels = levels;\n  }\n\n  const nCols = _levels[1] - _levels[0] + 1;\n\n  return h(\"div.timescale-column\", [\n    h(\n      \"div.timescales\",\n      packages.map((group) => {\n        const { domain, pixelHeight, paddingTop, key } = group;\n        return h(\n          \"div.timescale-container\",\n          { style: { paddingTop, \"--timescale-level-count\": nCols }, key },\n          [\n            h(Timescale, {\n              orientation: TimescaleOrientation.VERTICAL,\n              length: pixelHeight,\n              levels: _levels,\n              absoluteAgeScale: true,\n              showAgeAxis: false,\n              ageRange: domain as [number, number],\n            }),\n          ]\n        );\n      })\n    ),\n    h.if(unconformityLabels)(UnconformityLabels, {\n      width: \"100%\",\n      sections: packages,\n      className: \"unconformity-labels\",\n    }),\n  ]);\n}\n\nexport function UnconformityLabels(props: {\n  width: string | number;\n  sections: PackageScaleLayoutData[];\n  className?: string;\n}) {\n  const { width, sections, className } = props;\n\n  return h(\n    \"div.unconformity-labels\",\n    {\n      style: {\n        width,\n      },\n      className,\n    },\n    sections.map((scaleInfo, i) => {\n      const lastGroup = sections[i - 1];\n      const top = scaleInfo.offset - scaleInfo.paddingTop;\n      const upperAge = lastGroup?.domain[0];\n      const lowerAge = scaleInfo.domain[1];\n      return h(Unconformity, {\n        upperAge,\n        lowerAge,\n        style: {\n          width,\n          height: scaleInfo.paddingTop,\n          top,\n        },\n      });\n    })\n  );\n}\n\nfunction Unconformity({ upperAge, lowerAge, style }) {\n  if (upperAge == null || lowerAge == null) {\n    return null;\n  }\n\n  const ageGap = Math.abs(upperAge - lowerAge);\n\n  let className: string = null;\n  if (ageGap > 1000) {\n    className = \"giga\";\n  } else if (ageGap > 100) {\n    className = \"mega\";\n  } else if (ageGap > 10) {\n    className = \"large\";\n  } else if (ageGap < 1) {\n    className = \"small\";\n  }\n\n  return h(\"div.unconformity\", { style, className }, [\n    h(\"div.unconformity-text\", h(Duration, { value: ageGap })),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.fa6f3292.js.map"}

package/src/carbon-isotopes/column.module.sass

@@ -1,136 +0,0 @@
-@use "sass:color"
-
-.column-ui
-  width: 100vw
-  height: 100vh
-  overflow-y: scroll
-  display: flex
-  flex-direction: row
-
-.column-view
-  flex-grow: 1
-  padding: 1em
-  max-height: 100vh
-  overflow-y: scroll
-  h1
-    font-size: 1.2em
-    margin-bottom: 0.2em
-    padding-left: 35px
-
-// Column
-.column
-  margin-bottom: 1em
-  display: flex
-  flex-direction: row
-  .age-axis-label
-    writing-mode: vertical-lr
-    transform: rotate(180deg)
-    font-size: 12px
-    text-align: center
-    position: sticky
-    top: 0
-    max-height: 100vh
-
-  :global
-    .tick text
-      text-anchor: middle
-      font-weight: 400 !important
-      transform: rotate(-90deg) translate(8px,-12px)
-
-    rect.unit
-      stroke: black
-      stroke-width: 1px
-
-    g.lithology-column use.frame
-      stroke: black
-      stroke-width: 1.5px !important
-      pointer-events: none
-
-    g.isotopes-column
-      rect.underlay
-        fill: transparent
-
-    .col-note-label
-      font-size: 10px
-      margin-top: 3px
-      padding: 2px 2px 2px 3px
-      line-height: 9px
-      border-left: none !important
-
-    g.height-range
-      display: none
-
-    .note-inner
-      border: none
-
-    .frame rect
-      fill: transparent
-
-
-
-.bp5-dark
-  .column :global
-    .lithology-column .frame
-      stroke: white
-    g.inner
-      rect.unit
-        filter: invert(100%)
-    g.lithology-column use.frame
-      stroke: white
-    .note
-      line, path.col-note-link
-        stroke: white
-    .y.axis .tick line
-      stroke: white
-
-.column-nav
-  position: sticky
-  top: 2.2em
-  h3
-    color: #444
-    margin-bottom: 0.3em
-
-.default-buttons
-  width: 100%
-  margin: 0 -10px
-
-div.map-column
-  width: 600px
-  height: 100vh
-  display: flex
-  flex-direction: column
-
-  :global
-    .map-area
-      flex-grow: 1
-
-    .map-placeholder
-      position: relative
-
-    .macrostrat-map
-      .graticule
-        stroke-dasharray: inherit
-        stroke: color.adjust(#AFE6F0, $lightness: -5%)
-      .neatline
-        stroke-width: 1.5px
-
-    .context-map
-      position: absolute
-      top: 0
-      right: 0
-      width: 250px
-      height: 250px
-      cursor: pointer
-      z-index: 100
-      &.expanded
-        cursor: inherit
-        .columns path:hover
-          stroke: rgba(255,0,0,.4) !important
-
-      .close-button
-        position: absolute
-        top: 1em
-        right: 1em
-
-      .land
-        background-color: rgb(233, 252, 234)

package/src/carbon-isotopes/column.ts

@@ -1,133 +0,0 @@
-import hyper from "@macrostrat/hyper";
-import { group } from "d3-array";
-import { useAPIResult } from "@macrostrat/ui-components";
-import {
-  ColumnSVG,
-  ColumnAxis,
-  ColumnContext,
-} from "@macrostrat/column-components";
-import { SimpleUnitsColumn, IUnit } from "../units";
-import { useContext } from "react";
-import { IsotopesColumn } from "./isotopes-column";
-import { MacrostratColumnProvider } from "../data-provider";
-import styles from "./column.module.sass";
-
-const h = hyper.styled(styles);
-
-interface IColumnProps {
-  data: IUnit[];
-  pixelScale?: number;
-  isOldestColumn: boolean;
-  range?: [number, number];
-}
-
-const AgeAxis = ({ ticks }) => {
-  const { pixelHeight } = useContext(ColumnContext);
-  // A tick roughly every 40 pixels
-  let v = Math.max(Math.round(pixelHeight / 40), 1);
-
-  return h(ColumnAxis, {
-    ticks: v,
-    showDomain: false,
-  });
-};
-
-const Section = (props: IColumnProps) => {
-  // Section with "squishy" time scale
-  const {
-    data,
-    isOldestColumn = true,
-    range = [data[data.length - 1].b_age, data[0].t_age],
-  } = props;
-  let { pixelScale } = props;
-
-  const notesOffset = 100;
-
-  if (!pixelScale) {
-    // Make up a pixel scale
-    const dAge = range[0] - range[1];
-    const targetHeight = 50 * data.length;
-    pixelScale = Math.ceil(targetHeight / dAge);
-  }
-
-  return h(
-    MacrostratColumnProvider,
-    {
-      divisions: data,
-      range,
-      pixelsPerMeter: pixelScale, // Actually pixels per myr
-    },
-    [
-      h(
-        ColumnSVG,
-        {
-          width: 650,
-          padding: 20,
-          paddingTop: 5,
-          paddingBottom: 25,
-        },
-        [
-          h(AgeAxis),
-          h(SimpleUnitsColumn, {
-            width: 400,
-            columnWidth: 90,
-          }),
-          h(IsotopesColumn, {
-            parameter: "D13C",
-            label: "δ¹³C",
-            width: 100,
-            // @ts-ignore
-            nTicks: 4,
-            showAxis: isOldestColumn,
-            transform: "translate(250,0)",
-          }),
-          h(IsotopesColumn, {
-            parameter: "D18O",
-            label: "δ¹⁸O",
-            color: "red",
-            domain: [-40, 0],
-            width: 100,
-            // @ts-ignore
-            nTicks: 4,
-            showAxis: isOldestColumn,
-            transform: "translate(370,0)",
-          }),
-        ]
-      ),
-    ]
-  );
-};
-
-type ColumnArgs = any;
-
-function Column(props: Omit<IColumnProps, "data"> & { params: ColumnArgs }) {
-  const { params } = props;
-  const data: IUnit[] = useAPIResult("/units", {
-    all: true,
-    ...params,
-    response: "long",
-  });
-  if (data == null) return null;
-
-  let sectionGroups = Array.from(group(data, (d) => d.section_id));
-
-  //sectionGroups.sort((a, b) => a.t_age - b.t_age);
-
-  return h("div.column", [
-    h("div.age-axis-label", "Age (Ma)"),
-    h(
-      "div.main-column",
-      sectionGroups.map(([id, values], i) => {
-        return h(`div.section-${id}`, [
-          h(Section, {
-            data: values,
-            isOldestColumn: i == sectionGroups.length - 1,
-          }),
-        ]);
-      })
-    ),
-  ]);
-}
-
-export { Section, IColumnProps };
-export default Column;