@macrostrat/column-views 3.11.0 → 3.12.1

package/dist/age-model/details.cjs

@@ -0,0 +1,260 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h$1 = require("@macrostrat/hyper");
+const classNames = require("classnames");
+const React = require("react");
+const core = require("@blueprintjs/core");
+const dataComponents = require("@macrostrat/data-components");
+const dataProvider = require("@macrostrat/data-provider");
+const panel = require("../unit-details/panel.cjs");
+const surfaces = require("./surfaces.cjs");
+const surfaces_module = require("./surfaces.module.sass.cjs");
+const details_module = require("./details.module.sass.cjs");
+const types = require("./types.cjs");
+const store = require("../data-provider/store.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const h__default = /* @__PURE__ */ _interopDefault(h$1);
+const classNames__default = /* @__PURE__ */ _interopDefault(classNames);
+const h = h__default.default.styled({ ...surfaces_module.default, ...details_module.default });
+function SurfaceDetailsPanel(props) {
+  const {
+    surface,
+    onClose,
+    onSelectUnit,
+    actions,
+    positionLabel = "Position",
+    className
+  } = props;
+  if (surface == null) {
+    return h(
+      "div.surface-details-panel.no-surface",
+      { className },
+      h("p.placeholder", "No surface selected.")
+    );
+  }
+  let closeButton = null;
+  if (onClose != null) {
+    closeButton = h(core.Button, {
+      icon: "cross",
+      variant: "minimal",
+      size: "small",
+      onClick: onClose,
+      "aria-label": "Close"
+    });
+  }
+  let positionField = null;
+  if (surface.position != null) {
+    positionField = h(dataComponents.DataField, {
+      label: positionLabel,
+      value: surface.position.toLocaleString("en-US", {
+        maximumFractionDigits: 2
+      }),
+      unit: "m"
+    });
+  }
+  let sectionField = null;
+  if (surface.section_id != null) {
+    sectionField = h(
+      dataComponents.DataField,
+      { label: "Section" },
+      h(dataComponents.Identifier, { id: surface.section_id })
+    );
+  }
+  let refsField = null;
+  if (surface.ref_id != null) {
+    refsField = h(panel.ReferencesField, { refs: [surface.ref_id] });
+  }
+  return h(
+    "div.surface-details-panel",
+    { className: classNames__default.default(className, surfaces.surfaceClasses(surface)) },
+    [
+      h("div.surface-details-header", [
+        h("h3.surface-details-title", [
+          "Surface ",
+          h(SurfaceIdentifier, { id: surface.id })
+        ]),
+        h("div.surface-details-tags", [
+          h(SurfaceStatusTag, {
+            status: surface.status,
+            inferred: surface.statusInferred
+          }),
+          h(SurfaceTypeTag, { type: surface.type })
+        ]),
+        h("div.spacer"),
+        actions,
+        closeButton
+      ]),
+      h("div.surface-details-content", [
+        h(dataComponents.DataField, { label: "Model age" }, h(dataComponents.AgeLabel, { age: surface.age })),
+        h(SurfaceCalibrationField, { surface }),
+        positionField,
+        h(SurfaceUnitsField, {
+          label: "Unit above",
+          unitIDs: surface.unitsAbove,
+          onSelectUnit
+        }),
+        h(SurfaceUnitsField, {
+          label: "Unit below",
+          unitIDs: surface.unitsBelow,
+          onSelectUnit
+        }),
+        sectionField,
+        refsField
+      ])
+    ]
+  );
+}
+function SurfaceIdentifier({ id }) {
+  if (typeof id === "number") {
+    return h(dataComponents.Identifier, { id });
+  }
+  return h("code.surface-id", String(id));
+}
+function SurfaceCalibrationField({ surface }) {
+  const { calibration, proportion } = surface;
+  const ids = React.useMemo(() => {
+    if (calibration == null) return [];
+    return [calibration.id];
+  }, [calibration?.id]);
+  const intervalMap = dataProvider.useMacrostratDefs("intervals", ids, null);
+  if (calibration == null) {
+    return h(dataComponents.DataField, {
+      label: "Calibration",
+      value: "None",
+      className: "no-calibration"
+    });
+  }
+  const def = intervalMap?.get(calibration.id);
+  const interval = {
+    id: calibration.id,
+    name: calibration.name,
+    b_age: calibration.b_age,
+    t_age: calibration.t_age,
+    color: def?.color,
+    rank: def?.rank
+  };
+  return h(dataComponents.DataField, { label: "Calibration" }, [
+    h(
+      "div.calibration-interval",
+      h(dataComponents.IntervalTag, {
+        interval,
+        proportion
+      })
+    )
+  ]);
+}
+function SurfaceUnitsField({
+  label,
+  unitIDs,
+  onSelectUnit
+}) {
+  const unitsMap = store.useColumnUnitsMap();
+  if (unitIDs.length === 0) {
+    return h(dataComponents.DataField, { label, value: "None", className: "no-units" });
+  }
+  return h(
+    dataComponents.DataField,
+    { label, className: "surface-units-field" },
+    h(
+      "ul.surface-units-list",
+      unitIDs.map((unitID) => {
+        const unit = unitsMap?.get(unitID);
+        let onClick = void 0;
+        if (onSelectUnit != null) {
+          onClick = () => onSelectUnit(unitID);
+        }
+        return h(
+          "li",
+          { key: unitID },
+          h(dataComponents.UnitIdentifier, {
+            unitID,
+            colID: unit?.col_id,
+            name: unit?.unit_name,
+            onClick
+          })
+        );
+      })
+    )
+  );
+}
+function SurfaceStatusTag({
+  status,
+  inferred = false,
+  className
+}) {
+  let label = types.surfaceStatusLabels[status] ?? status;
+  let title = types.surfaceStatusDescriptions[status];
+  if (inferred) {
+    label = [label, h("span.inferred-marker", "*")];
+    title = INFERRED_STATUS_DESCRIPTION;
+  }
+  return h(
+    core.Tag,
+    {
+      variant: "minimal",
+      className: classNames__default.default(
+        "surface-tag",
+        className,
+        surfaces.surfaceClasses({ status }),
+        { inferred }
+      ),
+      title
+    },
+    label
+  );
+}
+const INFERRED_STATUS_DESCRIPTION = "Recorded as modeled, but this surface cannot have been interpolated — it sits on the base or top of its interval, or is the edge of a gap-bound package — so it constrains the age model rather than falling out of it";
+function SurfaceTypeTag({
+  type,
+  className
+}) {
+  if (type == null || type === "") return null;
+  return h(
+    core.Tag,
+    {
+      variant: "minimal",
+      className: classNames__default.default("surface-tag", "surface-type-tag", className)
+    },
+    type
+  );
+}
+function SurfaceStatusLegend(props) {
+  const {
+    statuses = types.surfaceStatuses,
+    showDescriptions = false,
+    className
+  } = props;
+  return h(
+    "ul.surface-status-legend",
+    {
+      className: classNames__default.default(className, {
+        "with-descriptions": showDescriptions
+      })
+    },
+    statuses.map((status) => {
+      let description = null;
+      if (showDescriptions) {
+        description = h(
+          "div.legend-description",
+          types.surfaceStatusDescriptions[status]
+        );
+      }
+      return h(
+        "li.legend-item",
+        { key: status, className: surfaces.surfaceClasses({ status }) },
+        [
+          h("div.surface-label-marker"),
+          h("div.legend-text", [
+            h("div.legend-label", types.surfaceStatusLabels[status]),
+            description
+          ])
+        ]
+      );
+    })
+  );
+}
+exports.SurfaceDetailsPanel = SurfaceDetailsPanel;
+exports.SurfaceStatusLegend = SurfaceStatusLegend;
+exports.SurfaceStatusTag = SurfaceStatusTag;
+exports.SurfaceTypeTag = SurfaceTypeTag;
+//# sourceMappingURL=details.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.cjs","sources":["../../src/age-model/details.ts"],"sourcesContent":["/** The inspector for a selected surface, and the small tags and legend that\n * explain surface statuses and types. */\nimport hyper from \"@macrostrat/hyper\";\nimport classNames from \"classnames\";\nimport { type ReactNode, useMemo } from \"react\";\nimport { Button, Tag } from \"@blueprintjs/core\";\nimport {\n  DataField,\n  Identifier,\n  type IntervalShort,\n  IntervalTag,\n  UnitIdentifier,\n  Value,\n} from \"@macrostrat/data-components\";\nimport { useMacrostratDefs } from \"@macrostrat/data-provider\";\nimport type { UnitLong } from \"@macrostrat/api-types\";\nimport { useColumnUnitsMap } from \"../data-provider\";\nimport { AgeLabel } from \"../unit-details/age-range\";\nimport { formatRange } from \"../unit-details/utils\";\nimport { ReferencesField } from \"../unit-details/panel\";\nimport { surfaceClasses } from \"./surfaces\";\nimport surfaceStyles from \"./surfaces.module.sass\";\nimport styles from \"./details.module.sass\";\nimport {\n  type BoundaryType,\n  type ColumnSurface,\n  type SurfaceStatus,\n  formatProportion,\n  surfaceStatuses,\n  surfaceStatusDescriptions,\n  surfaceStatusLabels,\n} from \"./types\";\n\nconst h = hyper.styled({ ...surfaceStyles, ...styles });\n\nexport interface SurfaceDetailsPanelProps {\n  /** The surface to inspect; `null` renders the panel's empty state */\n  surface: ColumnSurface | null;\n  onClose?: () => void;\n  /** Called when a unit above or below the surface is clicked */\n  onSelectUnit?: (unitID: number) => void;\n  /** Extra controls for the header */\n  actions?: ReactNode;\n  /** Label for the measured-position field (\"Height\" or \"Depth\") */\n  positionLabel?: string;\n  className?: string;\n}\n\n/** Details of one surface: its age, calibration, the units it separates, and\n * provenance. A companion to `UnitDetailsPanel`. */\nexport function SurfaceDetailsPanel(props: SurfaceDetailsPanelProps) {\n  const {\n    surface,\n    onClose,\n    onSelectUnit,\n    actions,\n    positionLabel = \"Position\",\n    className,\n  } = props;\n\n  // A selection that hasn't been made yet is an ordinary state for a panel\n  // bound to one, not a caller error\n  if (surface == null) {\n    return h(\n      \"div.surface-details-panel.no-surface\",\n      { className },\n      h(\"p.placeholder\", \"No surface selected.\"),\n    );\n  }\n\n  let closeButton: ReactNode = null;\n  if (onClose != null) {\n    closeButton = h(Button, {\n      icon: \"cross\",\n      variant: \"minimal\",\n      size: \"small\",\n      onClick: onClose,\n      \"aria-label\": \"Close\",\n    });\n  }\n\n  let positionField: ReactNode = null;\n  if (surface.position != null) {\n    positionField = h(DataField, {\n      label: positionLabel,\n      value: surface.position.toLocaleString(\"en-US\", {\n        maximumFractionDigits: 2,\n      }),\n      unit: \"m\",\n    });\n  }\n\n  let sectionField: ReactNode = null;\n  if (surface.section_id != null) {\n    sectionField = h(\n      DataField,\n      { label: \"Section\" },\n      h(Identifier, { id: surface.section_id }),\n    );\n  }\n\n  let refsField: ReactNode = null;\n  if (surface.ref_id != null) {\n    refsField = h(ReferencesField, { refs: [surface.ref_id] });\n  }\n\n  return h(\n    \"div.surface-details-panel\",\n    { className: classNames(className, surfaceClasses(surface)) },\n    [\n      h(\"div.surface-details-header\", [\n        h(\"h3.surface-details-title\", [\n          \"Surface \",\n          h(SurfaceIdentifier, { id: surface.id }),\n        ]),\n        h(\"div.surface-details-tags\", [\n          h(SurfaceStatusTag, {\n            status: surface.status,\n            inferred: surface.statusInferred,\n          }),\n          h(SurfaceTypeTag, { type: surface.type }),\n        ]),\n        h(\"div.spacer\"),\n        actions,\n        closeButton,\n      ]),\n      h(\"div.surface-details-content\", [\n        h(DataField, { label: \"Model age\" }, h(AgeLabel, { age: surface.age })),\n        h(SurfaceCalibrationField, { surface }),\n        positionField,\n        h(SurfaceUnitsField, {\n          label: \"Unit above\",\n          unitIDs: surface.unitsAbove,\n          onSelectUnit,\n        }),\n        h(SurfaceUnitsField, {\n          label: \"Unit below\",\n          unitIDs: surface.unitsBelow,\n          onSelectUnit,\n        }),\n        sectionField,\n        refsField,\n      ]),\n    ],\n  );\n}\n\nfunction SurfaceIdentifier({ id }: { id: ColumnSurface[\"id\"] }) {\n  if (typeof id === \"number\") {\n    return h(Identifier, { id });\n  }\n  return h(\"code.surface-id\", String(id));\n}\n\n/** The calibration interval as a colored tag, with the surface's position in\n * it: \"Calymmian (1600–1400 Ma), 85% above base\". */\nfunction SurfaceCalibrationField({ surface }: { surface: ColumnSurface }) {\n  const { calibration, proportion } = surface;\n  const ids = useMemo(() => {\n    if (calibration == null) return [];\n    return [calibration.id];\n  }, [calibration?.id]);\n  // Interval colors come from the definitions table; the age model itself\n  // doesn't carry them\n  const intervalMap = useMacrostratDefs(\"intervals\", ids, null);\n\n  if (calibration == null) {\n    return h(DataField, {\n      label: \"Calibration\",\n      value: \"None\",\n      className: \"no-calibration\",\n    });\n  }\n\n  const def = intervalMap?.get(calibration.id);\n  const interval: IntervalShort = {\n    id: calibration.id,\n    name: calibration.name,\n    b_age: calibration.b_age,\n    t_age: calibration.t_age,\n    color: def?.color,\n    rank: def?.rank,\n  };\n\n  return h(DataField, { label: \"Calibration\" }, [\n    h(\n      \"div.calibration-interval\",\n      h(IntervalTag, {\n        interval,\n        proportion,\n      }),\n    ),\n  ]);\n}\n\nfunction SurfaceUnitsField({\n  label,\n  unitIDs,\n  onSelectUnit,\n}: {\n  label: string;\n  unitIDs: number[];\n  onSelectUnit?: (unitID: number) => void;\n}) {\n  const unitsMap = useColumnUnitsMap();\n  if (unitIDs.length === 0) {\n    return h(DataField, { label, value: \"None\", className: \"no-units\" });\n  }\n  return h(\n    DataField,\n    { label, className: \"surface-units-field\" },\n    h(\n      \"ul.surface-units-list\",\n      unitIDs.map((unitID) => {\n        const unit = unitsMap?.get(unitID) as UnitLong | undefined;\n        let onClick: (() => void) | undefined = undefined;\n        if (onSelectUnit != null) {\n          onClick = () => onSelectUnit(unitID);\n        }\n        return h(\n          \"li\",\n          { key: unitID },\n          h(UnitIdentifier, {\n            unitID,\n            colID: unit?.col_id,\n            name: unit?.unit_name,\n            onClick,\n          }),\n        );\n      }),\n    ),\n  );\n}\n\nexport function SurfaceStatusTag({\n  status,\n  inferred = false,\n  className,\n}: {\n  status: SurfaceStatus;\n  /** The status was inferred rather than recorded (see\n   * `inferTiePointStatuses`); the tag says so. */\n  inferred?: boolean;\n  className?: string;\n}) {\n  let label: ReactNode = surfaceStatusLabels[status] ?? status;\n  let title = surfaceStatusDescriptions[status];\n  if (inferred) {\n    label = [label, h(\"span.inferred-marker\", \"*\")];\n    title = INFERRED_STATUS_DESCRIPTION;\n  }\n\n  return h(\n    Tag,\n    {\n      variant: \"minimal\",\n      className: classNames(\n        \"surface-tag\",\n        className,\n        surfaceClasses({ status }),\n        { inferred },\n      ),\n      title,\n    },\n    label,\n  );\n}\n\nconst INFERRED_STATUS_DESCRIPTION =\n  \"Recorded as modeled, but this surface cannot have been interpolated — it \" +\n  \"sits on the base or top of its interval, or is the edge of a gap-bound \" +\n  \"package — so it constrains the age model rather than falling out of it\";\n\nexport function SurfaceTypeTag({\n  type,\n  className,\n}: {\n  type: BoundaryType | null | undefined;\n  className?: string;\n}) {\n  if (type == null || type === \"\") return null;\n  return h(\n    Tag,\n    {\n      variant: \"minimal\",\n      className: classNames(\"surface-tag\", \"surface-type-tag\", className),\n    },\n    type,\n  );\n}\n\nexport interface SurfaceStatusLegendProps {\n  statuses?: SurfaceStatus[];\n  showDescriptions?: boolean;\n  className?: string;\n}\n\n/** A legend of surface line styles, one entry per boundary status. */\nexport function SurfaceStatusLegend(props: SurfaceStatusLegendProps) {\n  const {\n    statuses = surfaceStatuses,\n    showDescriptions = false,\n    className,\n  } = props;\n  return h(\n    \"ul.surface-status-legend\",\n    {\n      className: classNames(className, {\n        \"with-descriptions\": showDescriptions,\n      }),\n    },\n    statuses.map((status) => {\n      let description: ReactNode = null;\n      if (showDescriptions) {\n        description = h(\n          \"div.legend-description\",\n          surfaceStatusDescriptions[status],\n        );\n      }\n      return h(\n        \"li.legend-item\",\n        { key: status, className: surfaceClasses({ status }) },\n        [\n          h(\"div.surface-label-marker\"),\n          h(\"div.legend-text\", [\n            h(\"div.legend-label\", surfaceStatusLabels[status]),\n            description,\n          ]),\n        ],\n      );\n    }),\n  );\n}\n"],"names":["hyper","surfaceStyles","styles","Button","DataField","Identifier","ReferencesField","classNames","surfaceClasses","AgeLabel","useMemo","useMacrostratDefs","IntervalTag","useColumnUnitsMap","UnitIdentifier","surfaceStatusLabels","surfaceStatusDescriptions","Tag","surfaceStatuses"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { BoundaryType, ColumnSurface, SurfaceStatus } from './types';
+export interface SurfaceDetailsPanelProps {
+    /** The surface to inspect; `null` renders the panel's empty state */
+    surface: ColumnSurface | null;
+    onClose?: () => void;
+    /** Called when a unit above or below the surface is clicked */
+    onSelectUnit?: (unitID: number) => void;
+    /** Extra controls for the header */
+    actions?: ReactNode;
+    /** Label for the measured-position field ("Height" or "Depth") */
+    positionLabel?: string;
+    className?: string;
+}
+/** Details of one surface: its age, calibration, the units it separates, and
+ * provenance. A companion to `UnitDetailsPanel`. */
+export declare function SurfaceDetailsPanel(props: SurfaceDetailsPanelProps): import('react').ReactElement<{
+    className: string | undefined;
+}, string | import('react').JSXElementConstructor<any>>;
+export declare function SurfaceStatusTag({ status, inferred, className, }: {
+    status: SurfaceStatus;
+    /** The status was inferred rather than recorded (see
+     * `inferTiePointStatuses`); the tag says so. */
+    inferred?: boolean;
+    className?: string;
+}): import('react').FunctionComponentElement<import('@blueprintjs/core').TagProps>;
+export declare function SurfaceTypeTag({ type, className, }: {
+    type: BoundaryType | null | undefined;
+    className?: string;
+}): import('react').FunctionComponentElement<import('@blueprintjs/core').TagProps> | null;
+export interface SurfaceStatusLegendProps {
+    statuses?: SurfaceStatus[];
+    showDescriptions?: boolean;
+    className?: string;
+}
+/** A legend of surface line styles, one entry per boundary status. */
+export declare function SurfaceStatusLegend(props: SurfaceStatusLegendProps): import('react').ReactElement<{
+    className: string;
+}, string | import('react').JSXElementConstructor<any>>;

package/dist/age-model/details.js

@@ -0,0 +1,257 @@
+import h$1 from "@macrostrat/hyper";
+import classNames from "classnames";
+import { useMemo } from "react";
+import { Button, Tag } from "@blueprintjs/core";
+import { DataField, Identifier, AgeLabel, IntervalTag, UnitIdentifier } from "@macrostrat/data-components";
+import { useMacrostratDefs } from "@macrostrat/data-provider";
+import { ReferencesField } from "../unit-details/panel.js";
+import { surfaceClasses } from "./surfaces.js";
+import h$3 from "./surfaces.module.sass.js";
+import h$2 from "./details.module.sass.js";
+import { surfaceStatuses, surfaceStatusDescriptions, surfaceStatusLabels } from "./types.js";
+import { useColumnUnitsMap } from "../data-provider/store.js";
+const h = h$1.styled({ ...h$3, ...h$2 });
+function SurfaceDetailsPanel(props) {
+  const {
+    surface,
+    onClose,
+    onSelectUnit,
+    actions,
+    positionLabel = "Position",
+    className
+  } = props;
+  if (surface == null) {
+    return h(
+      "div.surface-details-panel.no-surface",
+      { className },
+      h("p.placeholder", "No surface selected.")
+    );
+  }
+  let closeButton = null;
+  if (onClose != null) {
+    closeButton = h(Button, {
+      icon: "cross",
+      variant: "minimal",
+      size: "small",
+      onClick: onClose,
+      "aria-label": "Close"
+    });
+  }
+  let positionField = null;
+  if (surface.position != null) {
+    positionField = h(DataField, {
+      label: positionLabel,
+      value: surface.position.toLocaleString("en-US", {
+        maximumFractionDigits: 2
+      }),
+      unit: "m"
+    });
+  }
+  let sectionField = null;
+  if (surface.section_id != null) {
+    sectionField = h(
+      DataField,
+      { label: "Section" },
+      h(Identifier, { id: surface.section_id })
+    );
+  }
+  let refsField = null;
+  if (surface.ref_id != null) {
+    refsField = h(ReferencesField, { refs: [surface.ref_id] });
+  }
+  return h(
+    "div.surface-details-panel",
+    { className: classNames(className, surfaceClasses(surface)) },
+    [
+      h("div.surface-details-header", [
+        h("h3.surface-details-title", [
+          "Surface ",
+          h(SurfaceIdentifier, { id: surface.id })
+        ]),
+        h("div.surface-details-tags", [
+          h(SurfaceStatusTag, {
+            status: surface.status,
+            inferred: surface.statusInferred
+          }),
+          h(SurfaceTypeTag, { type: surface.type })
+        ]),
+        h("div.spacer"),
+        actions,
+        closeButton
+      ]),
+      h("div.surface-details-content", [
+        h(DataField, { label: "Model age" }, h(AgeLabel, { age: surface.age })),
+        h(SurfaceCalibrationField, { surface }),
+        positionField,
+        h(SurfaceUnitsField, {
+          label: "Unit above",
+          unitIDs: surface.unitsAbove,
+          onSelectUnit
+        }),
+        h(SurfaceUnitsField, {
+          label: "Unit below",
+          unitIDs: surface.unitsBelow,
+          onSelectUnit
+        }),
+        sectionField,
+        refsField
+      ])
+    ]
+  );
+}
+function SurfaceIdentifier({ id }) {
+  if (typeof id === "number") {
+    return h(Identifier, { id });
+  }
+  return h("code.surface-id", String(id));
+}
+function SurfaceCalibrationField({ surface }) {
+  const { calibration, proportion } = surface;
+  const ids = useMemo(() => {
+    if (calibration == null) return [];
+    return [calibration.id];
+  }, [calibration?.id]);
+  const intervalMap = useMacrostratDefs("intervals", ids, null);
+  if (calibration == null) {
+    return h(DataField, {
+      label: "Calibration",
+      value: "None",
+      className: "no-calibration"
+    });
+  }
+  const def = intervalMap?.get(calibration.id);
+  const interval = {
+    id: calibration.id,
+    name: calibration.name,
+    b_age: calibration.b_age,
+    t_age: calibration.t_age,
+    color: def?.color,
+    rank: def?.rank
+  };
+  return h(DataField, { label: "Calibration" }, [
+    h(
+      "div.calibration-interval",
+      h(IntervalTag, {
+        interval,
+        proportion
+      })
+    )
+  ]);
+}
+function SurfaceUnitsField({
+  label,
+  unitIDs,
+  onSelectUnit
+}) {
+  const unitsMap = useColumnUnitsMap();
+  if (unitIDs.length === 0) {
+    return h(DataField, { label, value: "None", className: "no-units" });
+  }
+  return h(
+    DataField,
+    { label, className: "surface-units-field" },
+    h(
+      "ul.surface-units-list",
+      unitIDs.map((unitID) => {
+        const unit = unitsMap?.get(unitID);
+        let onClick = void 0;
+        if (onSelectUnit != null) {
+          onClick = () => onSelectUnit(unitID);
+        }
+        return h(
+          "li",
+          { key: unitID },
+          h(UnitIdentifier, {
+            unitID,
+            colID: unit?.col_id,
+            name: unit?.unit_name,
+            onClick
+          })
+        );
+      })
+    )
+  );
+}
+function SurfaceStatusTag({
+  status,
+  inferred = false,
+  className
+}) {
+  let label = surfaceStatusLabels[status] ?? status;
+  let title = surfaceStatusDescriptions[status];
+  if (inferred) {
+    label = [label, h("span.inferred-marker", "*")];
+    title = INFERRED_STATUS_DESCRIPTION;
+  }
+  return h(
+    Tag,
+    {
+      variant: "minimal",
+      className: classNames(
+        "surface-tag",
+        className,
+        surfaceClasses({ status }),
+        { inferred }
+      ),
+      title
+    },
+    label
+  );
+}
+const INFERRED_STATUS_DESCRIPTION = "Recorded as modeled, but this surface cannot have been interpolated — it sits on the base or top of its interval, or is the edge of a gap-bound package — so it constrains the age model rather than falling out of it";
+function SurfaceTypeTag({
+  type,
+  className
+}) {
+  if (type == null || type === "") return null;
+  return h(
+    Tag,
+    {
+      variant: "minimal",
+      className: classNames("surface-tag", "surface-type-tag", className)
+    },
+    type
+  );
+}
+function SurfaceStatusLegend(props) {
+  const {
+    statuses = surfaceStatuses,
+    showDescriptions = false,
+    className
+  } = props;
+  return h(
+    "ul.surface-status-legend",
+    {
+      className: classNames(className, {
+        "with-descriptions": showDescriptions
+      })
+    },
+    statuses.map((status) => {
+      let description = null;
+      if (showDescriptions) {
+        description = h(
+          "div.legend-description",
+          surfaceStatusDescriptions[status]
+        );
+      }
+      return h(
+        "li.legend-item",
+        { key: status, className: surfaceClasses({ status }) },
+        [
+          h("div.surface-label-marker"),
+          h("div.legend-text", [
+            h("div.legend-label", surfaceStatusLabels[status]),
+            description
+          ])
+        ]
+      );
+    })
+  );
+}
+export {
+  SurfaceDetailsPanel,
+  SurfaceStatusLegend,
+  SurfaceStatusTag,
+  SurfaceTypeTag
+};
+//# sourceMappingURL=details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.js","sources":["../../src/age-model/details.ts"],"sourcesContent":["/** The inspector for a selected surface, and the small tags and legend that\n * explain surface statuses and types. */\nimport hyper from \"@macrostrat/hyper\";\nimport classNames from \"classnames\";\nimport { type ReactNode, useMemo } from \"react\";\nimport { Button, Tag } from \"@blueprintjs/core\";\nimport {\n  DataField,\n  Identifier,\n  type IntervalShort,\n  IntervalTag,\n  UnitIdentifier,\n  Value,\n} from \"@macrostrat/data-components\";\nimport { useMacrostratDefs } from \"@macrostrat/data-provider\";\nimport type { UnitLong } from \"@macrostrat/api-types\";\nimport { useColumnUnitsMap } from \"../data-provider\";\nimport { AgeLabel } from \"../unit-details/age-range\";\nimport { formatRange } from \"../unit-details/utils\";\nimport { ReferencesField } from \"../unit-details/panel\";\nimport { surfaceClasses } from \"./surfaces\";\nimport surfaceStyles from \"./surfaces.module.sass\";\nimport styles from \"./details.module.sass\";\nimport {\n  type BoundaryType,\n  type ColumnSurface,\n  type SurfaceStatus,\n  formatProportion,\n  surfaceStatuses,\n  surfaceStatusDescriptions,\n  surfaceStatusLabels,\n} from \"./types\";\n\nconst h = hyper.styled({ ...surfaceStyles, ...styles });\n\nexport interface SurfaceDetailsPanelProps {\n  /** The surface to inspect; `null` renders the panel's empty state */\n  surface: ColumnSurface | null;\n  onClose?: () => void;\n  /** Called when a unit above or below the surface is clicked */\n  onSelectUnit?: (unitID: number) => void;\n  /** Extra controls for the header */\n  actions?: ReactNode;\n  /** Label for the measured-position field (\"Height\" or \"Depth\") */\n  positionLabel?: string;\n  className?: string;\n}\n\n/** Details of one surface: its age, calibration, the units it separates, and\n * provenance. A companion to `UnitDetailsPanel`. */\nexport function SurfaceDetailsPanel(props: SurfaceDetailsPanelProps) {\n  const {\n    surface,\n    onClose,\n    onSelectUnit,\n    actions,\n    positionLabel = \"Position\",\n    className,\n  } = props;\n\n  // A selection that hasn't been made yet is an ordinary state for a panel\n  // bound to one, not a caller error\n  if (surface == null) {\n    return h(\n      \"div.surface-details-panel.no-surface\",\n      { className },\n      h(\"p.placeholder\", \"No surface selected.\"),\n    );\n  }\n\n  let closeButton: ReactNode = null;\n  if (onClose != null) {\n    closeButton = h(Button, {\n      icon: \"cross\",\n      variant: \"minimal\",\n      size: \"small\",\n      onClick: onClose,\n      \"aria-label\": \"Close\",\n    });\n  }\n\n  let positionField: ReactNode = null;\n  if (surface.position != null) {\n    positionField = h(DataField, {\n      label: positionLabel,\n      value: surface.position.toLocaleString(\"en-US\", {\n        maximumFractionDigits: 2,\n      }),\n      unit: \"m\",\n    });\n  }\n\n  let sectionField: ReactNode = null;\n  if (surface.section_id != null) {\n    sectionField = h(\n      DataField,\n      { label: \"Section\" },\n      h(Identifier, { id: surface.section_id }),\n    );\n  }\n\n  let refsField: ReactNode = null;\n  if (surface.ref_id != null) {\n    refsField = h(ReferencesField, { refs: [surface.ref_id] });\n  }\n\n  return h(\n    \"div.surface-details-panel\",\n    { className: classNames(className, surfaceClasses(surface)) },\n    [\n      h(\"div.surface-details-header\", [\n        h(\"h3.surface-details-title\", [\n          \"Surface \",\n          h(SurfaceIdentifier, { id: surface.id }),\n        ]),\n        h(\"div.surface-details-tags\", [\n          h(SurfaceStatusTag, {\n            status: surface.status,\n            inferred: surface.statusInferred,\n          }),\n          h(SurfaceTypeTag, { type: surface.type }),\n        ]),\n        h(\"div.spacer\"),\n        actions,\n        closeButton,\n      ]),\n      h(\"div.surface-details-content\", [\n        h(DataField, { label: \"Model age\" }, h(AgeLabel, { age: surface.age })),\n        h(SurfaceCalibrationField, { surface }),\n        positionField,\n        h(SurfaceUnitsField, {\n          label: \"Unit above\",\n          unitIDs: surface.unitsAbove,\n          onSelectUnit,\n        }),\n        h(SurfaceUnitsField, {\n          label: \"Unit below\",\n          unitIDs: surface.unitsBelow,\n          onSelectUnit,\n        }),\n        sectionField,\n        refsField,\n      ]),\n    ],\n  );\n}\n\nfunction SurfaceIdentifier({ id }: { id: ColumnSurface[\"id\"] }) {\n  if (typeof id === \"number\") {\n    return h(Identifier, { id });\n  }\n  return h(\"code.surface-id\", String(id));\n}\n\n/** The calibration interval as a colored tag, with the surface's position in\n * it: \"Calymmian (1600–1400 Ma), 85% above base\". */\nfunction SurfaceCalibrationField({ surface }: { surface: ColumnSurface }) {\n  const { calibration, proportion } = surface;\n  const ids = useMemo(() => {\n    if (calibration == null) return [];\n    return [calibration.id];\n  }, [calibration?.id]);\n  // Interval colors come from the definitions table; the age model itself\n  // doesn't carry them\n  const intervalMap = useMacrostratDefs(\"intervals\", ids, null);\n\n  if (calibration == null) {\n    return h(DataField, {\n      label: \"Calibration\",\n      value: \"None\",\n      className: \"no-calibration\",\n    });\n  }\n\n  const def = intervalMap?.get(calibration.id);\n  const interval: IntervalShort = {\n    id: calibration.id,\n    name: calibration.name,\n    b_age: calibration.b_age,\n    t_age: calibration.t_age,\n    color: def?.color,\n    rank: def?.rank,\n  };\n\n  return h(DataField, { label: \"Calibration\" }, [\n    h(\n      \"div.calibration-interval\",\n      h(IntervalTag, {\n        interval,\n        proportion,\n      }),\n    ),\n  ]);\n}\n\nfunction SurfaceUnitsField({\n  label,\n  unitIDs,\n  onSelectUnit,\n}: {\n  label: string;\n  unitIDs: number[];\n  onSelectUnit?: (unitID: number) => void;\n}) {\n  const unitsMap = useColumnUnitsMap();\n  if (unitIDs.length === 0) {\n    return h(DataField, { label, value: \"None\", className: \"no-units\" });\n  }\n  return h(\n    DataField,\n    { label, className: \"surface-units-field\" },\n    h(\n      \"ul.surface-units-list\",\n      unitIDs.map((unitID) => {\n        const unit = unitsMap?.get(unitID) as UnitLong | undefined;\n        let onClick: (() => void) | undefined = undefined;\n        if (onSelectUnit != null) {\n          onClick = () => onSelectUnit(unitID);\n        }\n        return h(\n          \"li\",\n          { key: unitID },\n          h(UnitIdentifier, {\n            unitID,\n            colID: unit?.col_id,\n            name: unit?.unit_name,\n            onClick,\n          }),\n        );\n      }),\n    ),\n  );\n}\n\nexport function SurfaceStatusTag({\n  status,\n  inferred = false,\n  className,\n}: {\n  status: SurfaceStatus;\n  /** The status was inferred rather than recorded (see\n   * `inferTiePointStatuses`); the tag says so. */\n  inferred?: boolean;\n  className?: string;\n}) {\n  let label: ReactNode = surfaceStatusLabels[status] ?? status;\n  let title = surfaceStatusDescriptions[status];\n  if (inferred) {\n    label = [label, h(\"span.inferred-marker\", \"*\")];\n    title = INFERRED_STATUS_DESCRIPTION;\n  }\n\n  return h(\n    Tag,\n    {\n      variant: \"minimal\",\n      className: classNames(\n        \"surface-tag\",\n        className,\n        surfaceClasses({ status }),\n        { inferred },\n      ),\n      title,\n    },\n    label,\n  );\n}\n\nconst INFERRED_STATUS_DESCRIPTION =\n  \"Recorded as modeled, but this surface cannot have been interpolated — it \" +\n  \"sits on the base or top of its interval, or is the edge of a gap-bound \" +\n  \"package — so it constrains the age model rather than falling out of it\";\n\nexport function SurfaceTypeTag({\n  type,\n  className,\n}: {\n  type: BoundaryType | null | undefined;\n  className?: string;\n}) {\n  if (type == null || type === \"\") return null;\n  return h(\n    Tag,\n    {\n      variant: \"minimal\",\n      className: classNames(\"surface-tag\", \"surface-type-tag\", className),\n    },\n    type,\n  );\n}\n\nexport interface SurfaceStatusLegendProps {\n  statuses?: SurfaceStatus[];\n  showDescriptions?: boolean;\n  className?: string;\n}\n\n/** A legend of surface line styles, one entry per boundary status. */\nexport function SurfaceStatusLegend(props: SurfaceStatusLegendProps) {\n  const {\n    statuses = surfaceStatuses,\n    showDescriptions = false,\n    className,\n  } = props;\n  return h(\n    \"ul.surface-status-legend\",\n    {\n      className: classNames(className, {\n        \"with-descriptions\": showDescriptions,\n      }),\n    },\n    statuses.map((status) => {\n      let description: ReactNode = null;\n      if (showDescriptions) {\n        description = h(\n          \"div.legend-description\",\n          surfaceStatusDescriptions[status],\n        );\n      }\n      return h(\n        \"li.legend-item\",\n        { key: status, className: surfaceClasses({ status }) },\n        [\n          h(\"div.surface-label-marker\"),\n          h(\"div.legend-text\", [\n            h(\"div.legend-label\", surfaceStatusLabels[status]),\n            description,\n          ]),\n        ],\n      );\n    }),\n  );\n}\n"],"names":["hyper","surfaceStyles","styles"],"mappings":"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"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const h$1 = require("@macrostrat/hyper");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const h__default = /* @__PURE__ */ _interopDefault(h$1);
+const spacer = "_spacer_14xjd_16";
+const placeholder = "_placeholder_14xjd_38";
+const inferred = "_inferred_14xjd_55";
+const styles = {
+  "surface-details-panel": "_surface-details-panel_14xjd_1",
+  "surface-details-header": "_surface-details-header_14xjd_7",
+  spacer,
+  "surface-details-title": "_surface-details-title_14xjd_20",
+  "surface-id": "_surface-id_14xjd_24",
+  "surface-details-tags": "_surface-details-tags_14xjd_29",
+  "surface-details-content": "_surface-details-content_14xjd_34",
+  "no-surface": "_no-surface_14xjd_38",
+  placeholder,
+  "surface-tag": "_surface-tag_14xjd_43",
+  "surface-type-tag": "_surface-type-tag_14xjd_52",
+  inferred,
+  "inferred-marker": "_inferred-marker_14xjd_59",
+  "calibration-interval": "_calibration-interval_14xjd_64",
+  "calibration-range": "_calibration-range_14xjd_71",
+  "calibration-proportion": "_calibration-proportion_14xjd_76",
+  "surface-units-list": "_surface-units-list_14xjd_80",
+  "no-units": "_no-units_14xjd_95",
+  "no-calibration": "_no-calibration_14xjd_95",
+  "surface-status-legend": "_surface-status-legend_14xjd_99",
+  "with-descriptions": "_with-descriptions_14xjd_108",
+  "legend-item": "_legend-item_14xjd_112",
+  "surface-label-marker": "_surface-label-marker_14xjd_118",
+  "legend-label": "_legend-label_14xjd_124",
+  "legend-description": "_legend-description_14xjd_128"
+};
+let h = h__default.default.styled(styles);
+Object.assign(h, styles);
+exports.default = h;
+exports.inferred = inferred;
+exports.placeholder = placeholder;
+exports.spacer = spacer;
+//# sourceMappingURL=details.module.sass.cjs.map

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

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