@macrostrat/column-views 2.4.4 → 3.0.1

package/CHANGELOG.md

@@ -4,6 +4,15 @@ All notable changes to this project will be documented in this file. The format
 is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this
 project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.0.1] - 2026-01-28
+
+- Fix CommonJS dependency linking issues
+
+## [3.0.0] - 2026-01-26
+
+- Update peer dependencies to React 18
+- Update bundling process to `@macrostrat/web-components-bundler`
+
 ## [2.4.4] - 2026-01-25
 
 Add link to SGP facet

package/dist/age-axis.cjs

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h$1 = require("@macrostrat/hyper");
+const columnComponents = require("@macrostrat/column-components");
+require("react");
+const ageAxis_module = require("./age-axis.module.sass.cjs");
+const dataComponents = require("@macrostrat/data-components");
+const panel = require("./unit-details/panel.cjs");
+const store = require("./data-provider/store.cjs");
+const h = h$1.styled(ageAxis_module.default);
+function VerticalAxisLabel(props) {
+  const { label = "Age", unit = "Ma", className, height } = props;
+  return h(
+    "div.column-axis-label.age-axis-label",
+    { className, style: { height } },
+    [
+      label,
+      " ",
+      h.if(unit)(dataComponents.Parenthetical, { className: "age-axis-unit" }, unit)
+    ]
+  );
+}
+function CompositeAgeAxis(rest) {
+  const { axisType, sections, totalHeight } = store.useMacrostratColumnData();
+  const packages = sections.map((section) => {
+    return {
+      key: `section-${section.section_id}`,
+      ...section.scaleInfo
+    };
+  });
+  return h(CompositeAgeAxisCore, {
+    axisType,
+    packages,
+    totalHeight,
+    ...rest
+  });
+}
+function ApproximateHeightAxis(rest) {
+  const { axisType, sections, totalHeight } = store.useMacrostratColumnData();
+  const packages = sections.map((section) => {
+    const { scaleInfo } = section;
+    if (scaleInfo.heightScale == null) {
+      throw new Error("No height scale available for section");
+    }
+    return {
+      key: `section-${section.section_id}`,
+      ...scaleInfo,
+      scale: scaleInfo.heightScale
+      // Use height scale instead of age scale
+      // This only works with dynamic columns
+    };
+  });
+  return h(CompositeAgeAxisCore, {
+    axisType,
+    axisLabel: "Approx. height",
+    axisUnit: "m",
+    packages,
+    totalHeight,
+    ...rest
+  });
+}
+function CompositeAgeAxisCore(props) {
+  const { axisType, axisLabel, axisUnit, totalHeight, packages, ...rest } = props;
+  if (axisType == columnComponents.ColumnAxisType.ORDINAL) {
+    return null;
+  }
+  let _axisLabel = axisLabel ?? "Age";
+  let _axisUnit = axisUnit ?? "Ma";
+  if (axisType == columnComponents.ColumnAxisType.DEPTH) {
+    _axisLabel = "Depth";
+    _axisUnit = "m";
+  } else if (axisType == columnComponents.ColumnAxisType.HEIGHT) {
+    _axisLabel = "Height";
+    _axisUnit = "m";
+  }
+  return h("div.composite-age-axis", rest, [
+    h(VerticalAxisLabel, {
+      label: _axisLabel,
+      unit: _axisUnit,
+      height: totalHeight
+    }),
+    h(
+      columnComponents.SVG,
+      {
+        className: "age-axis-column",
+        style: { width: `22px`, height: `${totalHeight}px` },
+        width: 22,
+        height: totalHeight
+      },
+      packages.map((group, i) => {
+        const { key, scale } = group;
+        return h(columnComponents.AgeAxis, {
+          key,
+          className: "age-axis",
+          scale,
+          tickSizeOuter: 3
+        });
+      })
+    )
+  ]);
+}
+function AgeCursor({ age }) {
+  const scale = store.useCompositeScale();
+  const heightPx = scale(age);
+  if (age == null || heightPx == null) {
+    return null;
+  }
+  return h(
+    "div.age-cursor",
+    {
+      style: {
+        top: heightPx
+      }
+    },
+    [h("div.line"), h(panel.AgeLabel, { age, className: "label" })]
+  );
+}
+exports.AgeCursor = AgeCursor;
+exports.ApproximateHeightAxis = ApproximateHeightAxis;
+exports.CompositeAgeAxis = CompositeAgeAxis;
+exports.CompositeAgeAxisCore = CompositeAgeAxisCore;
+exports.VerticalAxisLabel = VerticalAxisLabel;
+//# sourceMappingURL=age-axis.cjs.map

package/dist/age-axis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-axis.cjs","sources":["../src/age-axis.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  SVG,\n  ColumnAxis,\n  ColumnContext,\n  ColumnAxisType,\n  AgeAxis,\n} from \"@macrostrat/column-components\";\nimport { useContext } from \"react\";\nimport styles from \"./age-axis.module.sass\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport { Parenthetical } from \"@macrostrat/data-components\";\nimport { AgeLabel } from \"./unit-details\";\nimport { PackageScaleLayoutData } from \"./prepare-units\";\n\nconst h = hyper.styled(styles);\n\nconst AgeAxisCore = ({ ticks, tickSpacing = 40, showDomain = false }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n\n  return h(\"g.axis\", { transform: \"translate(20 0)\" }, [\n    h(ColumnAxis, {\n      ticks: v,\n      showDomain,\n    }),\n  ]);\n};\n\nexport function VerticalAxisLabel(props) {\n  const { label = \"Age\", unit = \"Ma\", className, height } = props;\n  return h(\n    \"div.column-axis-label.age-axis-label\",\n    { className, style: { height } },\n    [\n      label,\n      \" \",\n      h.if(unit)(Parenthetical, { className: \"age-axis-unit\" }, unit),\n    ],\n  );\n}\n\ninterface CompositeAgeAxisProps {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function CompositeAgeAxis(rest: CompositeAgeAxisProps) {\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    return {\n      key: `section-${section.section_id}`,\n      ...section.scaleInfo,\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    packages,\n    totalHeight,\n    ...rest,\n  });\n}\n\nexport function ApproximateHeightAxis(rest: CompositeAgeAxisProps) {\n  /** Axis to show approximate height based on dynamic column scales */\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    const { scaleInfo } = section;\n    if (scaleInfo.heightScale == null) {\n      throw new Error(\"No height scale available for section\");\n    }\n    return {\n      key: `section-${section.section_id}`,\n      ...scaleInfo,\n      scale: scaleInfo.heightScale, // Use height scale instead of age scale\n      // This only works with dynamic columns\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    axisLabel: \"Approx. height\",\n    axisUnit: \"m\",\n    packages,\n    totalHeight,\n    ...rest,\n  });\n}\n\nexport interface CompositeStratigraphicScaleInfo extends CompositeAgeAxisProps {\n  axisType: ColumnAxisType;\n  axisLabel?: string;\n  axisUnit?: string;\n  totalHeight: number;\n  packages: PackageScaleLayoutData[];\n}\n\nexport function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo) {\n  const { axisType, axisLabel, axisUnit, totalHeight, packages, ...rest } =\n    props;\n\n  if (axisType == ColumnAxisType.ORDINAL) {\n    return null;\n  }\n\n  let _axisLabel: string = axisLabel ?? \"Age\";\n  let _axisUnit = axisUnit ?? \"Ma\";\n  if (axisType == ColumnAxisType.DEPTH) {\n    _axisLabel = \"Depth\";\n    _axisUnit = \"m\";\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    _axisLabel = \"Height\";\n    _axisUnit = \"m\";\n  }\n\n  return h(\"div.composite-age-axis\", rest, [\n    h(VerticalAxisLabel, {\n      label: _axisLabel,\n      unit: _axisUnit,\n      height: totalHeight,\n    }),\n    h(\n      SVG,\n      {\n        className: \"age-axis-column\",\n        style: { width: `22px`, height: `${totalHeight}px` },\n        width: 22,\n        height: totalHeight,\n      },\n      packages.map((group, i) => {\n        const { key, scale } = group;\n\n        return h(AgeAxis, {\n          key,\n          className: \"age-axis\",\n          scale,\n          tickSizeOuter: 3,\n        });\n      }),\n    ),\n  ]);\n}\n\nexport function AgeCursor({ age }) {\n  /** A cursor that shows the age at a specific point on the age axis. */\n  const scale = useCompositeScale();\n  const heightPx = scale(age);\n\n  if (age == null || heightPx == null) {\n    return null;\n  }\n\n  return h(\n    \"div.age-cursor\",\n    {\n      style: {\n        top: heightPx,\n      },\n    },\n    [h(\"div.line\"), h(AgeLabel, { age, className: \"label\" })],\n  );\n}\n"],"names":["hyper","styles","Parenthetical","useMacrostratColumnData","ColumnAxisType","SVG","AgeAxis","useCompositeScale","AgeLabel"],"mappings":"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"}

package/dist/age-axis.d.ts

@@ -0,0 +1,33 @@
+import { ColumnAxisType } from '@macrostrat/column-components';
+import { PackageScaleLayoutData } from './prepare-units';
+export declare function VerticalAxisLabel(props: any): import('react').ReactElement<{
+    className: any;
+    style: {
+        height: any;
+    };
+}, string | import('react').JSXElementConstructor<any>>;
+interface CompositeAgeAxisProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CompositeAgeAxis(rest: CompositeAgeAxisProps): import('react').FunctionComponentElement<CompositeStratigraphicScaleInfo>;
+export declare function ApproximateHeightAxis(rest: CompositeAgeAxisProps): import('react').FunctionComponentElement<CompositeStratigraphicScaleInfo>;
+export interface CompositeStratigraphicScaleInfo extends CompositeAgeAxisProps {
+    axisType: ColumnAxisType;
+    axisLabel?: string;
+    axisUnit?: string;
+    totalHeight: number;
+    packages: PackageScaleLayoutData[];
+}
+export declare function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo): import('react').ReactElement<{
+    className?: string;
+    style?: React.CSSProperties;
+}, string | import('react').JSXElementConstructor<any>>;
+export declare function AgeCursor({ age }: {
+    age: any;
+}): import('react').ReactElement<{
+    style: {
+        top: number;
+    };
+}, string | import('react').JSXElementConstructor<any>>;
+export {};

package/dist/age-axis.js

@@ -0,0 +1,123 @@
+import h$1 from "@macrostrat/hyper";
+import { ColumnAxisType, SVG, AgeAxis } from "@macrostrat/column-components";
+import "react";
+import styles from "./age-axis.module.sass.js";
+import { Parenthetical } from "@macrostrat/data-components";
+import { AgeLabel } from "./unit-details/panel.js";
+import { useCompositeScale, useMacrostratColumnData } from "./data-provider/store.js";
+const h = h$1.styled(styles);
+function VerticalAxisLabel(props) {
+  const { label = "Age", unit = "Ma", className, height } = props;
+  return h(
+    "div.column-axis-label.age-axis-label",
+    { className, style: { height } },
+    [
+      label,
+      " ",
+      h.if(unit)(Parenthetical, { className: "age-axis-unit" }, unit)
+    ]
+  );
+}
+function CompositeAgeAxis(rest) {
+  const { axisType, sections, totalHeight } = useMacrostratColumnData();
+  const packages = sections.map((section) => {
+    return {
+      key: `section-${section.section_id}`,
+      ...section.scaleInfo
+    };
+  });
+  return h(CompositeAgeAxisCore, {
+    axisType,
+    packages,
+    totalHeight,
+    ...rest
+  });
+}
+function ApproximateHeightAxis(rest) {
+  const { axisType, sections, totalHeight } = useMacrostratColumnData();
+  const packages = sections.map((section) => {
+    const { scaleInfo } = section;
+    if (scaleInfo.heightScale == null) {
+      throw new Error("No height scale available for section");
+    }
+    return {
+      key: `section-${section.section_id}`,
+      ...scaleInfo,
+      scale: scaleInfo.heightScale
+      // Use height scale instead of age scale
+      // This only works with dynamic columns
+    };
+  });
+  return h(CompositeAgeAxisCore, {
+    axisType,
+    axisLabel: "Approx. height",
+    axisUnit: "m",
+    packages,
+    totalHeight,
+    ...rest
+  });
+}
+function CompositeAgeAxisCore(props) {
+  const { axisType, axisLabel, axisUnit, totalHeight, packages, ...rest } = props;
+  if (axisType == ColumnAxisType.ORDINAL) {
+    return null;
+  }
+  let _axisLabel = axisLabel ?? "Age";
+  let _axisUnit = axisUnit ?? "Ma";
+  if (axisType == ColumnAxisType.DEPTH) {
+    _axisLabel = "Depth";
+    _axisUnit = "m";
+  } else if (axisType == ColumnAxisType.HEIGHT) {
+    _axisLabel = "Height";
+    _axisUnit = "m";
+  }
+  return h("div.composite-age-axis", rest, [
+    h(VerticalAxisLabel, {
+      label: _axisLabel,
+      unit: _axisUnit,
+      height: totalHeight
+    }),
+    h(
+      SVG,
+      {
+        className: "age-axis-column",
+        style: { width: `22px`, height: `${totalHeight}px` },
+        width: 22,
+        height: totalHeight
+      },
+      packages.map((group, i) => {
+        const { key, scale } = group;
+        return h(AgeAxis, {
+          key,
+          className: "age-axis",
+          scale,
+          tickSizeOuter: 3
+        });
+      })
+    )
+  ]);
+}
+function AgeCursor({ age }) {
+  const scale = useCompositeScale();
+  const heightPx = scale(age);
+  if (age == null || heightPx == null) {
+    return null;
+  }
+  return h(
+    "div.age-cursor",
+    {
+      style: {
+        top: heightPx
+      }
+    },
+    [h("div.line"), h(AgeLabel, { age, className: "label" })]
+  );
+}
+export {
+  AgeCursor,
+  ApproximateHeightAxis,
+  CompositeAgeAxis,
+  CompositeAgeAxisCore,
+  VerticalAxisLabel
+};
+//# sourceMappingURL=age-axis.js.map

package/dist/age-axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-axis.js","sources":["../src/age-axis.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  SVG,\n  ColumnAxis,\n  ColumnContext,\n  ColumnAxisType,\n  AgeAxis,\n} from \"@macrostrat/column-components\";\nimport { useContext } from \"react\";\nimport styles from \"./age-axis.module.sass\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport { Parenthetical } from \"@macrostrat/data-components\";\nimport { AgeLabel } from \"./unit-details\";\nimport { PackageScaleLayoutData } from \"./prepare-units\";\n\nconst h = hyper.styled(styles);\n\nconst AgeAxisCore = ({ ticks, tickSpacing = 40, showDomain = false }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n\n  return h(\"g.axis\", { transform: \"translate(20 0)\" }, [\n    h(ColumnAxis, {\n      ticks: v,\n      showDomain,\n    }),\n  ]);\n};\n\nexport function VerticalAxisLabel(props) {\n  const { label = \"Age\", unit = \"Ma\", className, height } = props;\n  return h(\n    \"div.column-axis-label.age-axis-label\",\n    { className, style: { height } },\n    [\n      label,\n      \" \",\n      h.if(unit)(Parenthetical, { className: \"age-axis-unit\" }, unit),\n    ],\n  );\n}\n\ninterface CompositeAgeAxisProps {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function CompositeAgeAxis(rest: CompositeAgeAxisProps) {\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    return {\n      key: `section-${section.section_id}`,\n      ...section.scaleInfo,\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    packages,\n    totalHeight,\n    ...rest,\n  });\n}\n\nexport function ApproximateHeightAxis(rest: CompositeAgeAxisProps) {\n  /** Axis to show approximate height based on dynamic column scales */\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    const { scaleInfo } = section;\n    if (scaleInfo.heightScale == null) {\n      throw new Error(\"No height scale available for section\");\n    }\n    return {\n      key: `section-${section.section_id}`,\n      ...scaleInfo,\n      scale: scaleInfo.heightScale, // Use height scale instead of age scale\n      // This only works with dynamic columns\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    axisLabel: \"Approx. height\",\n    axisUnit: \"m\",\n    packages,\n    totalHeight,\n    ...rest,\n  });\n}\n\nexport interface CompositeStratigraphicScaleInfo extends CompositeAgeAxisProps {\n  axisType: ColumnAxisType;\n  axisLabel?: string;\n  axisUnit?: string;\n  totalHeight: number;\n  packages: PackageScaleLayoutData[];\n}\n\nexport function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo) {\n  const { axisType, axisLabel, axisUnit, totalHeight, packages, ...rest } =\n    props;\n\n  if (axisType == ColumnAxisType.ORDINAL) {\n    return null;\n  }\n\n  let _axisLabel: string = axisLabel ?? \"Age\";\n  let _axisUnit = axisUnit ?? \"Ma\";\n  if (axisType == ColumnAxisType.DEPTH) {\n    _axisLabel = \"Depth\";\n    _axisUnit = \"m\";\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    _axisLabel = \"Height\";\n    _axisUnit = \"m\";\n  }\n\n  return h(\"div.composite-age-axis\", rest, [\n    h(VerticalAxisLabel, {\n      label: _axisLabel,\n      unit: _axisUnit,\n      height: totalHeight,\n    }),\n    h(\n      SVG,\n      {\n        className: \"age-axis-column\",\n        style: { width: `22px`, height: `${totalHeight}px` },\n        width: 22,\n        height: totalHeight,\n      },\n      packages.map((group, i) => {\n        const { key, scale } = group;\n\n        return h(AgeAxis, {\n          key,\n          className: \"age-axis\",\n          scale,\n          tickSizeOuter: 3,\n        });\n      }),\n    ),\n  ]);\n}\n\nexport function AgeCursor({ age }) {\n  /** A cursor that shows the age at a specific point on the age axis. */\n  const scale = useCompositeScale();\n  const heightPx = scale(age);\n\n  if (age == null || heightPx == null) {\n    return null;\n  }\n\n  return h(\n    \"div.age-cursor\",\n    {\n      style: {\n        top: heightPx,\n      },\n    },\n    [h(\"div.line\"), h(AgeLabel, { age, className: \"label\" })],\n  );\n}\n"],"names":["hyper"],"mappings":";;;;;;;AAeA,MAAM,IAAIA,IAAM,OAAO,MAAM;AAetB,SAAS,kBAAkB,OAAO;AACvC,QAAM,EAAE,QAAQ,OAAO,OAAO,MAAM,WAAW,WAAW;AAC1D,SAAO;AAAA,IACL;AAAA,IACA,EAAE,WAAW,OAAO,EAAE,SAAO;AAAA,IAC7B;AAAA,MACE;AAAA,MACA;AAAA,MACA,EAAE,GAAG,IAAI,EAAE,eAAe,EAAE,WAAW,gBAAA,GAAmB,IAAI;AAAA,IAAA;AAAA,EAChE;AAEJ;AAOO,SAAS,iBAAiB,MAA6B;AAC5D,QAAM,EAAE,UAAU,UAAU,YAAA,IAAgB,wBAAA;AAE5C,QAAM,WAAW,SAAS,IAAI,CAAC,YAAY;AACzC,WAAO;AAAA,MACL,KAAK,WAAW,QAAQ,UAAU;AAAA,MAClC,GAAG,QAAQ;AAAA,IAAA;AAAA,EAEf,CAAC;AAED,SAAO,EAAE,sBAAsB;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AACH;AAEO,SAAS,sBAAsB,MAA6B;AAEjE,QAAM,EAAE,UAAU,UAAU,YAAA,IAAgB,wBAAA;AAE5C,QAAM,WAAW,SAAS,IAAI,CAAC,YAAY;AACzC,UAAM,EAAE,cAAc;AACtB,QAAI,UAAU,eAAe,MAAM;AACjC,YAAM,IAAI,MAAM,uCAAuC;AAAA,IACzD;AACA,WAAO;AAAA,MACL,KAAK,WAAW,QAAQ,UAAU;AAAA,MAClC,GAAG;AAAA,MACH,OAAO,UAAU;AAAA;AAAA;AAAA,IAAA;AAAA,EAGrB,CAAC;AAED,SAAO,EAAE,sBAAsB;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AACH;AAUO,SAAS,qBAAqB,OAAwC;AAC3E,QAAM,EAAE,UAAU,WAAW,UAAU,aAAa,UAAU,GAAG,SAC/D;AAEF,MAAI,YAAY,eAAe,SAAS;AACtC,WAAO;AAAA,EACT;AAEA,MAAI,aAAqB,aAAa;AACtC,MAAI,YAAY,YAAY;AAC5B,MAAI,YAAY,eAAe,OAAO;AACpC,iBAAa;AACb,gBAAY;AAAA,EACd,WAAW,YAAY,eAAe,QAAQ;AAC5C,iBAAa;AACb,gBAAY;AAAA,EACd;AAEA,SAAO,EAAE,0BAA0B,MAAM;AAAA,IACvC,EAAE,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA,CACT;AAAA,IACD;AAAA,MACE;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,OAAO,EAAE,OAAO,QAAQ,QAAQ,GAAG,WAAW,KAAA;AAAA,QAC9C,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,SAAS,IAAI,CAAC,OAAO,MAAM;AACzB,cAAM,EAAE,KAAK,MAAA,IAAU;AAEvB,eAAO,EAAE,SAAS;AAAA,UAChB;AAAA,UACA,WAAW;AAAA,UACX;AAAA,UACA,eAAe;AAAA,QAAA,CAChB;AAAA,MACH,CAAC;AAAA,IAAA;AAAA,EACH,CACD;AACH;AAEO,SAAS,UAAU,EAAE,OAAO;AAEjC,QAAM,QAAQ,kBAAA;AACd,QAAM,WAAW,MAAM,GAAG;AAE1B,MAAI,OAAO,QAAQ,YAAY,MAAM;AACnC,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,OAAO;AAAA,QACL,KAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAEF,CAAC,EAAE,UAAU,GAAG,EAAE,UAAU,EAAE,KAAK,WAAW,SAAS,CAAC;AAAA,EAAA;AAE5D;"}

package/dist/age-axis.module.sass.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const line = "_line_mz25k_38";
+const label = "_label_mz25k_42";
+const styles = {
+  "age-axis": "_age-axis_mz25k_1",
+  "age-axis-column": "_age-axis-column_mz25k_14",
+  "age-axis-label": "_age-axis-label_mz25k_18",
+  "age-axis-unit": "_age-axis-unit_mz25k_28",
+  "age-cursor": "_age-cursor_mz25k_32",
+  line,
+  label,
+  "composite-age-axis": "_composite-age-axis_mz25k_50"
+};
+exports.default = styles;
+exports.label = label;
+exports.line = line;
+//# sourceMappingURL=age-axis.module.sass.cjs.map

package/dist/age-axis.module.sass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-axis.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/age-axis.module.sass.js

@@ -0,0 +1,18 @@
+const line = "_line_mz25k_38";
+const label = "_label_mz25k_42";
+const styles = {
+  "age-axis": "_age-axis_mz25k_1",
+  "age-axis-column": "_age-axis-column_mz25k_14",
+  "age-axis-label": "_age-axis-label_mz25k_18",
+  "age-axis-unit": "_age-axis-unit_mz25k_28",
+  "age-cursor": "_age-cursor_mz25k_32",
+  line,
+  label,
+  "composite-age-axis": "_composite-age-axis_mz25k_50"
+};
+export {
+  styles as default,
+  label,
+  line
+};
+//# sourceMappingURL=age-axis.module.sass.js.map

package/dist/age-axis.module.sass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-axis.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/age-model-overlay.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h$1 = require("@macrostrat/hyper");
+const ageModelOverlay_module = require("./age-model-overlay.module.sass.cjs");
+const uiComponents = require("@macrostrat/ui-components");
+const dynamicScales = require("./prepare-units/dynamic-scales.cjs");
+const store = require("./data-provider/store.cjs");
+const h = h$1.styled(ageModelOverlay_module.default);
+function BoundaryAgeModelOverlay() {
+  const col_id = store.useMacrostratUnits()?.[0]?.col_id;
+  const scale = store.useCompositeScale();
+  const ageModel = uiComponents.useAPIResult(
+    "https://dev.macrostrat.org/api/v2/age_model",
+    { col_id },
+    (res) => res.success.data
+  );
+  if (ageModel == null) {
+    return null;
+  }
+  return h(
+    "div.boundary-age-model",
+    ageModel.map((surface) => {
+      const height = scale(surface.model_age);
+      return h("div.boundary-age-model-surface", {
+        key: surface.boundary_id,
+        style: { top: `${height}px` }
+      });
+    })
+  );
+}
+function ComputedSurfacesOverlay() {
+  const units = store.useMacrostratUnits();
+  const surfaces = dynamicScales.buildColumnSurfaces(units);
+  const scale = store.useCompositeScale();
+  return h(
+    "div.boundary-age-model",
+    surfaces.map((surface) => {
+      const height = scale(surface.age);
+      return h("div.boundary-age-model-surface", {
+        key: surface.index,
+        style: { top: `${height}px` }
+      });
+    })
+  );
+}
+exports.BoundaryAgeModelOverlay = BoundaryAgeModelOverlay;
+exports.ComputedSurfacesOverlay = ComputedSurfacesOverlay;
+//# sourceMappingURL=age-model-overlay.cjs.map

package/dist/age-model-overlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-model-overlay.cjs","sources":["../src/age-model-overlay.ts"],"sourcesContent":["/** An in-development overlay for a column's age model.\n *\n * Age model info:\n *       {\n *         \"boundary_id\": 8049,\n *         \"col_id\": 432,\n *         \"section_id\": 3104,\n *         \"interval_id\": 268,\n *         \"interval_name\": \"Calymmian\",\n *         \"age_bottom\": 1600,\n *         \"age_top\": 1400,\n *         \"rel_position\": 0.85,\n *         \"model_age\": 1430,\n *         \"boundary_status\": \"absolute\",\n *         \"boundary_type\": \"\",\n *         \"boundary_position\": null,\n *         \"unit_below\": 11541,\n *         \"unit_above\": 0,\n *         \"ref_id\": 217\n *       },\n *\n * */\n\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./age-model-overlay.module.sass\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { useCompositeScale, useMacrostratUnits } from \"./data-provider\";\nimport { buildColumnSurfaces } from \"./prepare-units/dynamic-scales\";\nimport { ExtUnit } from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nconst h = hyper.styled(styles);\n\ninterface AgeModelSurface {\n  boundary_id: number;\n  col_id: number;\n  section_id: number;\n  interval_id: number;\n  interval_name: string;\n  age_bottom: number;\n  age_top: number;\n  rel_position: number;\n  model_age: number;\n  boundary_status: \"absolute\" | \"relative\" | \"modeled\";\n  boundary_type: string;\n  boundary_position: null | number;\n  unit_below: number;\n  unit_above: number;\n  ref_id: number;\n}\n\nexport function BoundaryAgeModelOverlay() {\n  const col_id = (useMacrostratUnits() as ExtUnit[])?.[0]?.col_id;\n  const scale = useCompositeScale();\n\n  const ageModel = useAPIResult(\n    \"https://dev.macrostrat.org/api/v2/age_model\",\n    { col_id },\n    (res) => res.success.data,\n  );\n\n  if (ageModel == null) {\n    return null;\n  }\n\n  return h(\n    \"div.boundary-age-model\",\n    ageModel.map((surface) => {\n      const height = scale(surface.model_age);\n\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.boundary_id,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n\nexport function ComputedSurfacesOverlay() {\n  /** Overlay showing age surfaces. This is like the boundary age model overlay but\n   * it is computed on the fly from unit tops and bottoms.\n   */\n  const units = useMacrostratUnits() as UnitLong[];\n  const surfaces = buildColumnSurfaces(units);\n  const scale = useCompositeScale();\n\n  return h(\n    \"div.boundary-age-model\",\n    surfaces.map((surface) => {\n      const height = scale(surface.age);\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.index,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n"],"names":["hyper","styles","useMacrostratUnits","useCompositeScale","useAPIResult","buildColumnSurfaces"],"mappings":";;;;;;;AA8BA,MAAM,IAAIA,IAAM,OAAOC,8BAAM;AAoBtB,SAAS,0BAA0B;AACxC,QAAM,SAAUC,MAAAA,uBAAqC,CAAC,GAAG;AACzD,QAAM,QAAQC,MAAAA,kBAAA;AAEd,QAAM,WAAWC,aAAAA;AAAAA,IACf;AAAA,IACA,EAAE,OAAA;AAAA,IACF,CAAC,QAAQ,IAAI,QAAQ;AAAA,EAAA;AAGvB,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,IAAI,CAAC,YAAY;AACxB,YAAM,SAAS,MAAM,QAAQ,SAAS;AAEtC,aAAO,EAAE,kCAAkC;AAAA,QACzC,KAAK,QAAQ;AAAA,QACb,OAAO,EAAE,KAAK,GAAG,MAAM,KAAA;AAAA,MAAK,CAC7B;AAAA,IACH,CAAC;AAAA,EAAA;AAEL;AAEO,SAAS,0BAA0B;AAIxC,QAAM,QAAQF,MAAAA,mBAAA;AACd,QAAM,WAAWG,cAAAA,oBAAoB,KAAK;AAC1C,QAAM,QAAQF,MAAAA,kBAAA;AAEd,SAAO;AAAA,IACL;AAAA,IACA,SAAS,IAAI,CAAC,YAAY;AACxB,YAAM,SAAS,MAAM,QAAQ,GAAG;AAChC,aAAO,EAAE,kCAAkC;AAAA,QACzC,KAAK,QAAQ;AAAA,QACb,OAAO,EAAE,KAAK,GAAG,MAAM,KAAA;AAAA,MAAK,CAC7B;AAAA,IACH,CAAC;AAAA,EAAA;AAEL;;;"}

package/dist/age-model-overlay.d.ts

@@ -0,0 +1,24 @@
+/** An in-development overlay for a column's age model.
+ *
+ * Age model info:
+ *       {
+ *         "boundary_id": 8049,
+ *         "col_id": 432,
+ *         "section_id": 3104,
+ *         "interval_id": 268,
+ *         "interval_name": "Calymmian",
+ *         "age_bottom": 1600,
+ *         "age_top": 1400,
+ *         "rel_position": 0.85,
+ *         "model_age": 1430,
+ *         "boundary_status": "absolute",
+ *         "boundary_type": "",
+ *         "boundary_position": null,
+ *         "unit_below": 11541,
+ *         "unit_above": 0,
+ *         "ref_id": 217
+ *       },
+ *
+ * */
+export declare function BoundaryAgeModelOverlay(): import('react').DOMElement<any, Element>;
+export declare function ComputedSurfacesOverlay(): import('react').DOMElement<import('react').DOMAttributes<Element>, Element>;

package/dist/age-model-overlay.js

@@ -0,0 +1,48 @@
+import h$1 from "@macrostrat/hyper";
+import styles from "./age-model-overlay.module.sass.js";
+import { useAPIResult } from "@macrostrat/ui-components";
+import { buildColumnSurfaces } from "./prepare-units/dynamic-scales.js";
+import { useMacrostratUnits, useCompositeScale } from "./data-provider/store.js";
+const h = h$1.styled(styles);
+function BoundaryAgeModelOverlay() {
+  const col_id = useMacrostratUnits()?.[0]?.col_id;
+  const scale = useCompositeScale();
+  const ageModel = useAPIResult(
+    "https://dev.macrostrat.org/api/v2/age_model",
+    { col_id },
+    (res) => res.success.data
+  );
+  if (ageModel == null) {
+    return null;
+  }
+  return h(
+    "div.boundary-age-model",
+    ageModel.map((surface) => {
+      const height = scale(surface.model_age);
+      return h("div.boundary-age-model-surface", {
+        key: surface.boundary_id,
+        style: { top: `${height}px` }
+      });
+    })
+  );
+}
+function ComputedSurfacesOverlay() {
+  const units = useMacrostratUnits();
+  const surfaces = buildColumnSurfaces(units);
+  const scale = useCompositeScale();
+  return h(
+    "div.boundary-age-model",
+    surfaces.map((surface) => {
+      const height = scale(surface.age);
+      return h("div.boundary-age-model-surface", {
+        key: surface.index,
+        style: { top: `${height}px` }
+      });
+    })
+  );
+}
+export {
+  BoundaryAgeModelOverlay,
+  ComputedSurfacesOverlay
+};
+//# sourceMappingURL=age-model-overlay.js.map

package/dist/age-model-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-model-overlay.js","sources":["../src/age-model-overlay.ts"],"sourcesContent":["/** An in-development overlay for a column's age model.\n *\n * Age model info:\n *       {\n *         \"boundary_id\": 8049,\n *         \"col_id\": 432,\n *         \"section_id\": 3104,\n *         \"interval_id\": 268,\n *         \"interval_name\": \"Calymmian\",\n *         \"age_bottom\": 1600,\n *         \"age_top\": 1400,\n *         \"rel_position\": 0.85,\n *         \"model_age\": 1430,\n *         \"boundary_status\": \"absolute\",\n *         \"boundary_type\": \"\",\n *         \"boundary_position\": null,\n *         \"unit_below\": 11541,\n *         \"unit_above\": 0,\n *         \"ref_id\": 217\n *       },\n *\n * */\n\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./age-model-overlay.module.sass\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { useCompositeScale, useMacrostratUnits } from \"./data-provider\";\nimport { buildColumnSurfaces } from \"./prepare-units/dynamic-scales\";\nimport { ExtUnit } from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nconst h = hyper.styled(styles);\n\ninterface AgeModelSurface {\n  boundary_id: number;\n  col_id: number;\n  section_id: number;\n  interval_id: number;\n  interval_name: string;\n  age_bottom: number;\n  age_top: number;\n  rel_position: number;\n  model_age: number;\n  boundary_status: \"absolute\" | \"relative\" | \"modeled\";\n  boundary_type: string;\n  boundary_position: null | number;\n  unit_below: number;\n  unit_above: number;\n  ref_id: number;\n}\n\nexport function BoundaryAgeModelOverlay() {\n  const col_id = (useMacrostratUnits() as ExtUnit[])?.[0]?.col_id;\n  const scale = useCompositeScale();\n\n  const ageModel = useAPIResult(\n    \"https://dev.macrostrat.org/api/v2/age_model\",\n    { col_id },\n    (res) => res.success.data,\n  );\n\n  if (ageModel == null) {\n    return null;\n  }\n\n  return h(\n    \"div.boundary-age-model\",\n    ageModel.map((surface) => {\n      const height = scale(surface.model_age);\n\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.boundary_id,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n\nexport function ComputedSurfacesOverlay() {\n  /** Overlay showing age surfaces. This is like the boundary age model overlay but\n   * it is computed on the fly from unit tops and bottoms.\n   */\n  const units = useMacrostratUnits() as UnitLong[];\n  const surfaces = buildColumnSurfaces(units);\n  const scale = useCompositeScale();\n\n  return h(\n    \"div.boundary-age-model\",\n    surfaces.map((surface) => {\n      const height = scale(surface.age);\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.index,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n"],"names":["hyper"],"mappings":";;;;;AA8BA,MAAM,IAAIA,IAAM,OAAO,MAAM;AAoBtB,SAAS,0BAA0B;AACxC,QAAM,SAAU,uBAAqC,CAAC,GAAG;AACzD,QAAM,QAAQ,kBAAA;AAEd,QAAM,WAAW;AAAA,IACf;AAAA,IACA,EAAE,OAAA;AAAA,IACF,CAAC,QAAQ,IAAI,QAAQ;AAAA,EAAA;AAGvB,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,IAAI,CAAC,YAAY;AACxB,YAAM,SAAS,MAAM,QAAQ,SAAS;AAEtC,aAAO,EAAE,kCAAkC;AAAA,QACzC,KAAK,QAAQ;AAAA,QACb,OAAO,EAAE,KAAK,GAAG,MAAM,KAAA;AAAA,MAAK,CAC7B;AAAA,IACH,CAAC;AAAA,EAAA;AAEL;AAEO,SAAS,0BAA0B;AAIxC,QAAM,QAAQ,mBAAA;AACd,QAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAM,QAAQ,kBAAA;AAEd,SAAO;AAAA,IACL;AAAA,IACA,SAAS,IAAI,CAAC,YAAY;AACxB,YAAM,SAAS,MAAM,QAAQ,GAAG;AAChC,aAAO,EAAE,kCAAkC;AAAA,QACzC,KAAK,QAAQ;AAAA,QACb,OAAO,EAAE,KAAK,GAAG,MAAM,KAAA;AAAA,MAAK,CAC7B;AAAA,IACH,CAAC;AAAA,EAAA;AAEL;"}

package/dist/age-model-overlay.module.sass.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const styles = {
+  "boundary-age-model": "_boundary-age-model_16scl_1",
+  "boundary-age-model-surface": "_boundary-age-model-surface_16scl_8"
+};
+exports.default = styles;
+//# sourceMappingURL=age-model-overlay.module.sass.cjs.map

package/dist/age-model-overlay.module.sass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-model-overlay.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/age-model-overlay.module.sass.js

@@ -0,0 +1,8 @@
+const styles = {
+  "boundary-age-model": "_boundary-age-model_16scl_1",
+  "boundary-age-model-surface": "_boundary-age-model-surface_16scl_8"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=age-model-overlay.module.sass.js.map

package/dist/age-model-overlay.module.sass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"age-model-overlay.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}