@macrostrat/column-views 1.0.3 → 2.0.1

package/dist/esm/column-views.1ece326b.js

@@ -0,0 +1,420 @@
+import "./column-views.25471fe0.css";
+import $01tAX$columnviews58b82432js from "./column-views.58b82432.js";
+import {useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373, useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555} from "./column-views.28ee5f43.js";
+import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0} from "./column-views.650bd9f5.js";
+import $01tAX$macrostrathyper from "@macrostrat/hyper";
+import {JSONView as $01tAX$JSONView} from "@macrostrat/ui-components";
+import {Button as $01tAX$Button, ButtonGroup as $01tAX$ButtonGroup} from "@blueprintjs/core";
+import {useState as $01tAX$useState, useMemo as $01tAX$useMemo} from "react";
+import {LithologyTagFeature as $01tAX$LithologyTagFeature, DataField as $01tAX$DataField, Parenthetical as $01tAX$Parenthetical, Value as $01tAX$Value, LithologyList as $01tAX$LithologyList, EnvironmentsList as $01tAX$EnvironmentsList, ItemList as $01tAX$ItemList, IntervalTag as $01tAX$IntervalTag} from "@macrostrat/data-components";
+import $01tAX$classnames from "classnames";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+const $448b24baeef3b229$var$h = (0, $01tAX$macrostrathyper).styled((0, ($parcel$interopDefault($01tAX$columnviews58b82432js))));
+function $448b24baeef3b229$export$fbd245232df17557({ unit: unit, onClose: onClose, className: className, features: features = new Set([
+    "adjacent-units",
+    "outcrop-type",
+    "json-toggle",
+    "depth-range"
+]), lithologyFeatures: lithologyFeatures, actions: actions, selectUnit: selectUnit, columnUnits: columnUnits }) {
+    const [showJSON, setShowJSON] = (0, $01tAX$useState)(false);
+    let content = null;
+    if (showJSON) content = $448b24baeef3b229$var$h((0, $01tAX$JSONView), {
+        data: unit,
+        showRoot: false
+    });
+    else content = $448b24baeef3b229$var$h($448b24baeef3b229$var$UnitDetailsContent, {
+        unit: unit,
+        features: features,
+        lithologyFeatures: lithologyFeatures
+    });
+    let title = (0, $bc17276da4abb183$export$c9757aeb43a67df0)(unit);
+    let hiddenActions = null;
+    if (features.has("json-toggle")) hiddenActions = $448b24baeef3b229$var$h((0, $01tAX$Button), {
+        icon: "code",
+        small: true,
+        minimal: true,
+        key: "json-view-toggle",
+        className: (0, $01tAX$classnames)("json-view-toggle", {
+            enabled: setShowJSON
+        }),
+        onClick (evt) {
+            setShowJSON(!showJSON);
+            evt.stopPropagation();
+        }
+    });
+    return $448b24baeef3b229$var$h("div.unit-details-panel", {
+        className: className
+    }, [
+        $448b24baeef3b229$var$h($448b24baeef3b229$export$fc503c39cc5cff43, {
+            onClose: onClose,
+            title: title,
+            id: unit.unit_id,
+            actions: actions,
+            hiddenActions: hiddenActions
+        }),
+        $448b24baeef3b229$var$h("div.unit-details-content-holder", content)
+    ]);
+}
+function $448b24baeef3b229$export$fc503c39cc5cff43({ title: title, id: id, onClose: onClose, actions: actions = null, hiddenActions: hiddenActions }) {
+    return $448b24baeef3b229$var$h("header.legend-panel-header", [
+        $448b24baeef3b229$var$h("div.title-container", [
+            $448b24baeef3b229$var$h.if(title != null)("h3", title),
+            $448b24baeef3b229$var$h.if(hiddenActions != null)("div.hidden-actions", hiddenActions)
+        ]),
+        $448b24baeef3b229$var$h("div.spacer"),
+        $448b24baeef3b229$var$h.if(id != null)("code", id),
+        $448b24baeef3b229$var$h.if(actions != null)((0, $01tAX$ButtonGroup), {
+            minimal: true
+        }, actions),
+        $448b24baeef3b229$var$h.if(onClose != null)((0, $01tAX$Button), {
+            icon: "cross",
+            minimal: true,
+            small: true,
+            onClick () {
+                onClose();
+            }
+        })
+    ]);
+}
+var $448b24baeef3b229$export$ec297f6f9a6ccad0 = /*#__PURE__*/ function(UnitDetailsFeature) {
+    UnitDetailsFeature["AdjacentUnits"] = "adjacent-units";
+    UnitDetailsFeature["Color"] = "color";
+    UnitDetailsFeature["OutcropType"] = "outcrop-type";
+    UnitDetailsFeature["JSONToggle"] = "json-toggle";
+    UnitDetailsFeature["DepthRange"] = "depth-range";
+    return UnitDetailsFeature;
+}({});
+function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: selectUnit, columnUnits: columnUnits, lithologyFeatures: lithologyFeatures = new Set([
+    (0, $01tAX$LithologyTagFeature).Proportion,
+    (0, $01tAX$LithologyTagFeature).Attributes
+]), features: features = new Set([
+    "adjacent-units",
+    "outcrop-type"
+]) }) {
+    const lithMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("lithologies");
+    const envMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("environments");
+    const environments = $448b24baeef3b229$var$enhanceEnvironments(unit.environ, envMap);
+    const lithologies = $448b24baeef3b229$var$enhanceLithologies(unit.lith ?? [], lithMap);
+    // Create a lookup table of units if provided
+    const columnUnitsMap = (0, $01tAX$useMemo)(()=>{
+        const map = new Map();
+        for (const colUnit of columnUnits ?? [])map.set(colUnit.unit_id, colUnit);
+        return map;
+    }, [
+        columnUnits
+    ]);
+    let outcropField = null;
+    if (features.has("outcrop-type")) {
+        // Determine outcrop type
+        let outcrop = unit.outcrop;
+        if (outcrop == "both") outcrop = "surface and subsurface";
+        outcropField = $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+            label: "Outcrop",
+            value: outcrop
+        });
+    }
+    let thicknessOrHeightRange = null;
+    const [thickness, thicknessUnit] = $448b24baeef3b229$var$getThickness(unit);
+    // Proxy for actual heights in t_pos and b_pos
+    if (features.has("depth-range") && unit.t_pos != null && unit.b_pos != null && unit.min_thick == unit.max_thick && // We have an actual fixed height
+    unit.min_thick != 0 // Not a zero thickness
+    ) {
+        const label = unit.t_pos < unit.b_pos ? "Depth" : "Height";
+        const u1 = "m";
+        thicknessOrHeightRange = $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+            unit: u1,
+            label: label,
+            value: $448b24baeef3b229$var$formatRange(unit.b_pos, unit.t_pos),
+            children: $448b24baeef3b229$var$h((0, $01tAX$Parenthetical), $448b24baeef3b229$var$h((0, $01tAX$Value), {
+                value: thickness,
+                unit: thicknessUnit
+            }))
+        });
+    }
+    thicknessOrHeightRange ??= $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: "Thickness",
+        value: thickness,
+        unit: thicknessUnit
+    });
+    /** We are trying to move away from passing the "color" parameter in the API */ let colorSwatch = null;
+    if ("color" in unit) {
+        const unit1 = unit;
+        colorSwatch = $448b24baeef3b229$var$h("div.color-swatch", {
+            style: {
+                backgroundColor: unit1.color
+            }
+        });
+    }
+    return $448b24baeef3b229$var$h("div.unit-details-content", [
+        thicknessOrHeightRange,
+        $448b24baeef3b229$var$h((0, $01tAX$LithologyList), {
+            label: "Lithology",
+            lithologies: lithologies,
+            features: lithologyFeatures
+        }),
+        $448b24baeef3b229$var$h($448b24baeef3b229$var$AgeField, {
+            unit: unit
+        }, [
+            $448b24baeef3b229$var$h((0, $01tAX$Parenthetical), $448b24baeef3b229$var$h($448b24baeef3b229$export$3b11bc38611c5941, {
+                value: unit.b_age - unit.t_age
+            })),
+            $448b24baeef3b229$var$h($448b24baeef3b229$var$IntervalProportions, {
+                unit: unit
+            })
+        ]),
+        $448b24baeef3b229$var$h((0, $01tAX$EnvironmentsList), {
+            environments: environments
+        }),
+        $448b24baeef3b229$var$h.if(unit.strat_name_id != null)((0, $01tAX$DataField), {
+            label: "Stratigraphic name"
+        }, $448b24baeef3b229$var$h("span.strat-name-id", unit.strat_name_id)),
+        outcropField,
+        $448b24baeef3b229$var$h.if(features.has("adjacent-units"))([
+            $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+                label: "Above"
+            }, $448b24baeef3b229$var$h($448b24baeef3b229$var$UnitIDList, {
+                units: unit.units_above,
+                selectUnit: selectUnit
+            })),
+            $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+                label: "Below"
+            }, $448b24baeef3b229$var$h($448b24baeef3b229$var$UnitIDList, {
+                units: unit.units_below,
+                selectUnit: selectUnit
+            }))
+        ]),
+        colorSwatch,
+        $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+            label: "Source",
+            inline: true
+        }, $448b24baeef3b229$var$h($448b24baeef3b229$var$BibInfo, {
+            refs: unit.refs
+        }))
+    ]);
+}
+function $448b24baeef3b229$var$getThickness(unit) {
+    let minThickness = unit.min_thick ?? 0;
+    let maxThickness = unit.max_thick ?? unit.min_thick ?? 0;
+    let _unit = "m";
+    if (minThickness == 0 && maxThickness == 0) return [
+        "Unknown",
+        null
+    ];
+    if (minThickness < 0.8 && maxThickness < 1.2) {
+        // Convert to cm
+        minThickness = minThickness * 100;
+        maxThickness = maxThickness * 100;
+        _unit = "cm";
+    } else if (minThickness > 800 && maxThickness > 1200) {
+        // Convert to km
+        minThickness = minThickness / 1000;
+        maxThickness = maxThickness / 1000;
+        _unit = "km";
+    }
+    if (minThickness == maxThickness) return [
+        $448b24baeef3b229$var$formatSignificance(minThickness),
+        _unit
+    ];
+    return [
+        $448b24baeef3b229$var$formatRange(minThickness, maxThickness),
+        _unit
+    ];
+}
+function $448b24baeef3b229$var$ThicknessField({ unit: unit, label: label = "Thickness" }) {
+    const [value, thicknessUnit] = $448b24baeef3b229$var$getThickness(unit);
+    return $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: label,
+        value: value,
+        unit: thicknessUnit
+    });
+}
+function $448b24baeef3b229$var$BibInfo({ refs: refs }) {
+    const refData = (0, $774a5efa27d1c77b$export$b9c9fc603d74a555)("refs", refs);
+    if (refData == null || refData.length === 0) return null;
+    if (refData.length == 1) return $448b24baeef3b229$var$h($448b24baeef3b229$var$Citation, {
+        data: refData[0],
+        tag: "span"
+    });
+    return $448b24baeef3b229$var$h("ul.refs", refData.map((data, i)=>$448b24baeef3b229$var$h($448b24baeef3b229$var$Citation, {
+            data: data,
+            tag: "li",
+            key: i
+        })));
+}
+function $448b24baeef3b229$var$Citation({ data: data, tag: tag = "p" }) {
+    return $448b24baeef3b229$var$h(tag, {
+        className: "citation"
+    }, [
+        $448b24baeef3b229$var$h("span.authors", data.author),
+        ", ",
+        $448b24baeef3b229$var$h("span.year", data.pub_year),
+        ", ",
+        $448b24baeef3b229$var$h("span.title", data.ref)
+    ]);
+}
+function $448b24baeef3b229$var$AgeField({ unit: unit, children: children }) {
+    const [b_age, t_age, _unit] = $448b24baeef3b229$var$getAgeRange(unit);
+    return $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: "Age",
+        value: $448b24baeef3b229$var$formatRange(b_age, t_age),
+        unit: _unit
+    }, children);
+}
+function $448b24baeef3b229$var$getAgeRange(_unit) {
+    let b_age = _unit.b_age;
+    let t_age = _unit.t_age;
+    let unit = "Ma";
+    if (b_age < 0.8 && t_age < 1.2) {
+        b_age *= 1000;
+        t_age *= 1000;
+        unit = "ka";
+    } else if (b_age > 800 && t_age > 1200) {
+        b_age /= 1000;
+        t_age /= 1000;
+        unit = "Ga";
+    }
+    return [
+        b_age,
+        t_age,
+        unit
+    ];
+}
+function $448b24baeef3b229$export$3b11bc38611c5941({ value: value, maximumFractionDigits: maximumFractionDigits = 2, minimumFractionDigits: minimumFractionDigits = 0 }) {
+    let unit = "Myr";
+    if (value < 0.8) {
+        unit = "kyr";
+        value *= 1000;
+        if (value < 5) {
+            unit = "yr";
+            value *= 1000;
+        }
+    } else if (value > 1000) {
+        unit = "Gyr";
+        value /= 1000;
+    }
+    let _value = value.toLocaleString("en-US", {
+        maximumFractionDigits: maximumFractionDigits,
+        minimumFractionDigits: minimumFractionDigits
+    });
+    return $448b24baeef3b229$var$h((0, $01tAX$Value), {
+        value: _value,
+        unit: unit
+    });
+}
+function $448b24baeef3b229$var$enhanceEnvironments(environments, envMap) {
+    return environments.map((env)=>{
+        return {
+            ...envMap?.get(env.environ_id) ?? {},
+            ...env
+        };
+    });
+}
+function $448b24baeef3b229$var$enhanceLithologies(lithologies, lithMap) {
+    return lithologies.map((lith)=>{
+        return {
+            ...lithMap?.get(lith.lith_id) ?? {},
+            ...lith
+        };
+    });
+}
+function $448b24baeef3b229$var$UnitIDList({ units: units, selectUnit: selectUnit }) {
+    const u1 = units.filter((d)=>d != 0);
+    if (u1.length === 0) return $448b24baeef3b229$var$h("span.no-units", "None");
+    let tag = "span";
+    if (selectUnit != null) tag = "a";
+    return $448b24baeef3b229$var$h((0, $01tAX$ItemList), {
+        className: "unit-id-list"
+    }, u1.map((unit)=>{
+        return $448b24baeef3b229$var$h(tag, {
+            className: "unit-id",
+            onClick () {
+                selectUnit?.(unit.id);
+            },
+            key: unit.id
+        }, unit);
+    }));
+}
+function $448b24baeef3b229$var$IntervalProportions({ unit: unit }) {
+    const i0 = unit.b_int_id;
+    const i1 = unit.t_int_id;
+    let b_prop = unit.b_prop ?? 0;
+    let t_prop = unit.t_prop ?? 1;
+    const intervalMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("intervals");
+    const int0 = intervalMap?.get(i0) ?? {};
+    const interval0 = {
+        ...int0,
+        id: i0,
+        name: unit.b_int_name
+    };
+    let p0 = null;
+    const int1 = intervalMap?.get(i1) ?? {};
+    const p1 = $448b24baeef3b229$var$h($448b24baeef3b229$var$Proportion, {
+        value: t_prop
+    });
+    if (i0 !== i1 || b_prop !== 0 || t_prop !== 1) // We have a single interval with undefined proportions
+    p0 = $448b24baeef3b229$var$h($448b24baeef3b229$var$Proportion, {
+        value: b_prop
+    });
+    if (i0 === i1 && (b_prop !== 0 || t_prop !== 1)) p0 = $448b24baeef3b229$var$h("span.joint-proportion", [
+        p0,
+        $448b24baeef3b229$var$h("span.sep", "to"),
+        p1
+    ]);
+    return $448b24baeef3b229$var$h("div.interval-proportions", [
+        $448b24baeef3b229$var$h((0, $01tAX$IntervalTag), {
+            interval: interval0,
+            prefix: p0
+        }),
+        $448b24baeef3b229$var$h.if(i0 != i1)("span.discourage-break", [
+            $448b24baeef3b229$var$h("span.sep", "to"),
+            $448b24baeef3b229$var$h((0, $01tAX$IntervalTag), {
+                interval: {
+                    ...int1,
+                    id: i1,
+                    name: unit.t_int_name
+                },
+                prefix: p1
+            })
+        ])
+    ]);
+}
+const $448b24baeef3b229$var$formatProportion = (d)=>{
+    if (d == null) return null;
+    return d.toFixed(1);
+};
+function $448b24baeef3b229$var$Proportion({ value: value }) {
+    let content = null;
+    if (value == 0) content = "base";
+    else if (value == 1) content = "top";
+    else content = $448b24baeef3b229$var$formatProportion(value * 100) + "%";
+    return $448b24baeef3b229$var$h("span.proportion", content);
+}
+function $448b24baeef3b229$var$formatRange(min, max, precision = null) {
+    if (min == null || max == null) return null;
+    if (min === max) return min.toFixed(precision);
+    return `${$448b24baeef3b229$var$formatSignificance(min, precision)}\u{2013}${$448b24baeef3b229$var$formatSignificance(max, precision)}`;
+}
+function $448b24baeef3b229$var$formatSignificance(value, precision = null) {
+    // Format to preserve a reasonable number of significant figures
+    // this could be done with an easier algorithm, probably:
+    if (precision == null) return value.toLocaleString();
+    if (precision >= 0) return value.toFixed(precision);
+    if (precision < 0) return (value / Math.pow(10, -precision)).toFixed(0) + "0".repeat(-precision);
+}
+
+
+export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration};
+//# sourceMappingURL=column-views.1ece326b.js.map

package/dist/esm/column-views.1ece326b.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/unit-details/panel.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./panel.module.sass\";\nimport { JSONView } from \"@macrostrat/ui-components\";\nimport { Button, ButtonGroup } from \"@blueprintjs/core\";\nimport { ReactNode, useMemo, useState } from \"react\";\nimport {\n  DataField,\n  EnvironmentsList,\n  IntervalShort,\n  IntervalTag,\n  ItemList,\n  LithologyList,\n  LithologyTagFeature,\n  Parenthetical,\n  Value,\n} from \"@macrostrat/data-components\";\nimport { useMacrostratData, useMacrostratDefs } from \"../data-provider\";\nimport { Environment, UnitLong, UnitLongFull } from \"@macrostrat/api-types\";\nimport { defaultNameFunction } from \"../units/names\";\nimport classNames from \"classnames\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPanel({\n  unit,\n  onClose,\n  className,\n  features = new Set<UnitDetailsFeature>([\n    UnitDetailsFeature.AdjacentUnits,\n    UnitDetailsFeature.OutcropType,\n    UnitDetailsFeature.JSONToggle,\n    UnitDetailsFeature.DepthRange,\n  ]),\n  lithologyFeatures,\n  actions,\n  selectUnit,\n  columnUnits,\n}: {\n  unit: any;\n  onClose?: any;\n  showLithologyProportions?: boolean;\n  className?: string;\n  actions?: ReactNode;\n  features?: Set<UnitDetailsFeature>;\n  lithologyFeatures?: Set<LithologyTagFeature>;\n  columnUnits?: UnitLong[];\n  selectUnit?: (unitID: number) => void;\n}) {\n  const [showJSON, setShowJSON] = useState(false);\n\n  let content = null;\n  if (showJSON) {\n    content = h(JSONView, { data: unit, showRoot: false });\n  } else {\n    content = h(UnitDetailsContent, { unit, features, lithologyFeatures });\n  }\n\n  let title = defaultNameFunction(unit);\n\n  let hiddenActions = null;\n  if (features.has(UnitDetailsFeature.JSONToggle)) {\n    hiddenActions = h(Button, {\n      icon: \"code\",\n      small: true,\n      minimal: true,\n      key: \"json-view-toggle\",\n      className: classNames(\"json-view-toggle\", { enabled: setShowJSON }),\n      onClick(evt) {\n        setShowJSON(!showJSON);\n        evt.stopPropagation();\n      },\n    });\n  }\n\n  return h(\"div.unit-details-panel\", { className }, [\n    h(LegendPanelHeader, {\n      onClose,\n      title,\n      id: unit.unit_id,\n      actions,\n      hiddenActions,\n    }),\n    h(\"div.unit-details-content-holder\", content),\n  ]);\n}\n\nexport function LegendPanelHeader({\n  title,\n  id,\n  onClose,\n  actions = null,\n  hiddenActions,\n}: {\n  title?: string | null;\n  id?: number | null;\n  onClose?: () => void;\n  actions?: ReactNode | null;\n  hiddenActions?: ReactNode | null;\n}) {\n  return h(\"header.legend-panel-header\", [\n    h(\"div.title-container\", [\n      h.if(title != null)(\"h3\", title),\n      h.if(hiddenActions != null)(\"div.hidden-actions\", hiddenActions),\n    ]),\n    h(\"div.spacer\"),\n    h.if(id != null)(\"code\", id),\n    h.if(actions != null)(ButtonGroup, { minimal: true }, actions),\n    h.if(onClose != null)(Button, {\n      icon: \"cross\",\n      minimal: true,\n      small: true,\n      onClick() {\n        onClose();\n      },\n    }),\n  ]);\n}\n\nexport enum UnitDetailsFeature {\n  AdjacentUnits = \"adjacent-units\",\n  Color = \"color\",\n  OutcropType = \"outcrop-type\",\n  JSONToggle = \"json-toggle\",\n  DepthRange = \"depth-range\",\n}\n\nfunction UnitDetailsContent({\n  unit,\n  selectUnit,\n  columnUnits,\n  lithologyFeatures = new Set([\n    LithologyTagFeature.Proportion,\n    LithologyTagFeature.Attributes,\n  ]),\n  features = new Set<UnitDetailsFeature>([\n    UnitDetailsFeature.AdjacentUnits,\n    UnitDetailsFeature.OutcropType,\n  ]),\n}: {\n  unit: UnitLong;\n  selectUnit?: (unitID: number) => void;\n  columnUnits?: UnitLong[];\n  lithologyFeatures?: Set<LithologyTagFeature>;\n  features?: Set<UnitDetailsFeature>;\n}) {\n  const lithMap = useMacrostratDefs(\"lithologies\");\n  const envMap = useMacrostratDefs(\"environments\");\n\n  const environments = enhanceEnvironments(unit.environ, envMap);\n  const lithologies = enhanceLithologies(unit.lith ?? [], lithMap);\n\n  // Create a lookup table of units if provided\n  const columnUnitsMap = useMemo(() => {\n    const map = new Map<number, UnitLong>();\n    for (const colUnit of columnUnits ?? []) {\n      map.set(colUnit.unit_id, colUnit);\n    }\n    return map;\n  }, [columnUnits]);\n\n  let outcropField = null;\n  if (features.has(UnitDetailsFeature.OutcropType)) {\n    // Determine outcrop type\n    let outcrop = unit.outcrop;\n    if (outcrop == \"both\") {\n      outcrop = \"surface and subsurface\";\n    }\n    outcropField = h(DataField, {\n      label: \"Outcrop\",\n      value: outcrop,\n    });\n  }\n\n  let thicknessOrHeightRange = null;\n  const [thickness, thicknessUnit] = getThickness(unit);\n  // Proxy for actual heights in t_pos and b_pos\n  if (\n    features.has(UnitDetailsFeature.DepthRange) &&\n    unit.t_pos != null &&\n    unit.b_pos != null &&\n    unit.min_thick == unit.max_thick && // We have an actual fixed height\n    unit.min_thick != 0 // Not a zero thickness\n  ) {\n    const label = unit.t_pos < unit.b_pos ? \"Depth\" : \"Height\";\n    const u1 = \"m\";\n\n    thicknessOrHeightRange = h(DataField, {\n      unit: u1,\n      label,\n      value: formatRange(unit.b_pos, unit.t_pos),\n      children: h(\n        Parenthetical,\n        h(Value, { value: thickness, unit: thicknessUnit })\n      ),\n    });\n  }\n  thicknessOrHeightRange ??= h(DataField, {\n    label: \"Thickness\",\n    value: thickness,\n    unit: thicknessUnit,\n  });\n\n  /** We are trying to move away from passing the \"color\" parameter in the API */\n  let colorSwatch: ReactNode = null;\n  if (\"color\" in unit) {\n    const unit1 = unit as UnitLongFull;\n    colorSwatch = h(\"div.color-swatch\", {\n      style: { backgroundColor: unit1.color },\n    });\n  }\n\n  return h(\"div.unit-details-content\", [\n    thicknessOrHeightRange,\n    h(LithologyList, {\n      label: \"Lithology\",\n      lithologies,\n      features: lithologyFeatures,\n    }),\n    h(AgeField, { unit }, [\n      h(Parenthetical, h(Duration, { value: unit.b_age - unit.t_age })),\n      h(IntervalProportions, { unit }),\n    ]),\n    h(EnvironmentsList, { environments }),\n    h.if(unit.strat_name_id != null)(\n      DataField,\n      {\n        label: \"Stratigraphic name\",\n      },\n      h(\"span.strat-name-id\", unit.strat_name_id)\n    ),\n    outcropField,\n    h.if(features.has(UnitDetailsFeature.AdjacentUnits))([\n      h(\n        DataField,\n        { label: \"Above\" },\n        h(UnitIDList, { units: unit.units_above, selectUnit })\n      ),\n      h(\n        DataField,\n        { label: \"Below\" },\n        h(UnitIDList, { units: unit.units_below, selectUnit })\n      ),\n    ]),\n    colorSwatch,\n    h(\n      DataField,\n      { label: \"Source\", inline: true },\n      h(BibInfo, { refs: unit.refs })\n    ),\n  ]);\n}\n\nfunction getThickness(unit): [string, string] {\n  let minThickness = unit.min_thick ?? 0;\n  let maxThickness = unit.max_thick ?? unit.min_thick ?? 0;\n  let _unit = \"m\";\n\n  if (minThickness == 0 && maxThickness == 0) {\n    return [\"Unknown\", null];\n  }\n\n  if (minThickness < 0.8 && maxThickness < 1.2) {\n    // Convert to cm\n    minThickness = minThickness * 100;\n    maxThickness = maxThickness * 100;\n    _unit = \"cm\";\n  } else if (minThickness > 800 && maxThickness > 1200) {\n    // Convert to km\n    minThickness = minThickness / 1000;\n    maxThickness = maxThickness / 1000;\n    _unit = \"km\";\n  }\n\n  if (minThickness == maxThickness) {\n    return [formatSignificance(minThickness), _unit];\n  }\n\n  return [formatRange(minThickness, maxThickness), _unit];\n}\n\nfunction ThicknessField({ unit, label = \"Thickness\" }) {\n  const [value, thicknessUnit] = getThickness(unit);\n  return h(DataField, {\n    label,\n    value,\n    unit: thicknessUnit,\n  });\n}\n\nfunction BibInfo({ refs }) {\n  const refData = useMacrostratData(\"refs\", refs);\n\n  if (refData == null || refData.length === 0) {\n    return null;\n  }\n\n  if (refData.length == 1) {\n    return h(Citation, { data: refData[0], tag: \"span\" });\n  }\n\n  return h(\n    \"ul.refs\",\n    refData.map((data, i) => h(Citation, { data, tag: \"li\", key: i }))\n  );\n}\n\nfunction Citation({ data, tag = \"p\" }) {\n  return h(tag, { className: \"citation\" }, [\n    h(\"span.authors\", data.author),\n    \", \",\n    h(\"span.year\", data.pub_year),\n    \", \",\n    h(\"span.title\", data.ref),\n  ]);\n}\n\nfunction AgeField({ unit, children }) {\n  const [b_age, t_age, _unit] = getAgeRange(unit);\n\n  return h(\n    DataField,\n    {\n      label: \"Age\",\n      value: formatRange(b_age, t_age),\n      unit: _unit,\n    },\n    children\n  );\n}\n\nfunction getAgeRange(_unit) {\n  let b_age = _unit.b_age;\n  let t_age = _unit.t_age;\n  let unit = \"Ma\";\n\n  if (b_age < 0.8 && t_age < 1.2) {\n    b_age *= 1000;\n    t_age *= 1000;\n    unit = \"ka\";\n  } else if (b_age > 800 && t_age > 1200) {\n    b_age /= 1000;\n    t_age /= 1000;\n    unit = \"Ga\";\n  }\n\n  return [b_age, t_age, unit];\n}\n\nexport function Duration({\n  value,\n  maximumFractionDigits = 2,\n  minimumFractionDigits = 0,\n}) {\n  let unit = \"Myr\";\n  if (value < 0.8) {\n    unit = \"kyr\";\n    value *= 1000;\n    if (value < 5) {\n      unit = \"yr\";\n      value *= 1000;\n    }\n  } else if (value > 1000) {\n    unit = \"Gyr\";\n    value /= 1000;\n  }\n\n  let _value = value.toLocaleString(\"en-US\", {\n    maximumFractionDigits,\n    minimumFractionDigits,\n  });\n\n  return h(Value, { value: _value, unit });\n}\n\nfunction enhanceEnvironments(\n  environments: Partial<Environment>[],\n  envMap: Map<number, Environment>\n) {\n  return environments.map((env) => {\n    return {\n      ...(envMap?.get(env.environ_id) ?? {}),\n      ...env,\n    };\n  });\n}\n\nfunction enhanceLithologies(\n  lithologies: Partial<UnitLong[\"lith\"]>,\n  lithMap: Map<number, any>\n) {\n  return lithologies.map((lith) => {\n    return {\n      ...(lithMap?.get(lith.lith_id) ?? {}), // get lithology details\n      ...lith, // override with the unit's specific lithology data\n    };\n  });\n}\n\nfunction UnitIDList({ units, selectUnit }) {\n  const u1 = units.filter((d) => d != 0);\n\n  if (u1.length === 0) {\n    return h(\"span.no-units\", \"None\");\n  }\n\n  let tag = \"span\";\n  if (selectUnit != null) {\n    tag = \"a\";\n  }\n\n  return h(\n    ItemList,\n    { className: \"unit-id-list\" },\n    u1.map((unit) => {\n      return h(\n        tag,\n\n        {\n          className: \"unit-id\",\n          onClick() {\n            selectUnit?.(unit.id);\n          },\n          key: unit.id,\n        },\n        unit\n      );\n    })\n  );\n}\n\nfunction IntervalProportions({ unit }) {\n  const i0 = unit.b_int_id;\n  const i1 = unit.t_int_id;\n  let b_prop = unit.b_prop ?? 0;\n  let t_prop = unit.t_prop ?? 1;\n\n  const intervalMap = useMacrostratDefs(\"intervals\");\n  const int0 = intervalMap?.get(i0) ?? {};\n\n  const interval0: IntervalShort = {\n    ...int0,\n    id: i0,\n    name: unit.b_int_name,\n  };\n\n  let p0: ReactNode = null;\n  const int1 = intervalMap?.get(i1) ?? {};\n  const p1: ReactNode = h(Proportion, { value: t_prop });\n\n  if (i0 !== i1 || b_prop !== 0 || t_prop !== 1) {\n    // We have a single interval with undefined proportions\n    p0 = h(Proportion, { value: b_prop });\n  }\n\n  if (i0 === i1 && (b_prop !== 0 || t_prop !== 1)) {\n    p0 = h(\"span.joint-proportion\", [p0, h(\"span.sep\", \"to\"), p1]);\n  }\n\n  return h(\"div.interval-proportions\", [\n    h(IntervalTag, {\n      interval: interval0,\n      prefix: p0,\n    }),\n    h.if(i0 != i1)(\"span.discourage-break\", [\n      h(\"span.sep\", \"to\"),\n      h(IntervalTag, {\n        interval: {\n          ...int1,\n          id: i1,\n          name: unit.t_int_name,\n        },\n        prefix: p1,\n      }),\n    ]),\n  ]);\n}\n\nconst formatProportion = (d) => {\n  if (d == null) return null;\n  return d.toFixed(1);\n};\n\nfunction Proportion({ value }) {\n  let content = null;\n  if (value == 0) {\n    content = \"base\";\n  } else if (value == 1) {\n    content = \"top\";\n  } else {\n    content = formatProportion(value * 100) + \"%\";\n  }\n\n  return h(\"span.proportion\", content);\n}\n\nfunction formatRange(min, max, precision = null) {\n  if (min == null || max == null) return null;\n  if (min === max) {\n    return min.toFixed(precision);\n  }\n\n  return `${formatSignificance(min, precision)}–${formatSignificance(\n    max,\n    precision\n  )}`;\n}\n\nfunction formatSignificance(value, precision = null) {\n  // Format to preserve a reasonable number of significant figures\n  // this could be done with an easier algorithm, probably:\n\n  if (precision == null) {\n    return value.toLocaleString();\n  }\n  if (precision >= 0) {\n    return value.toFixed(precision);\n  }\n  if (precision < 0) {\n    return (\n      (value / Math.pow(10, -precision)).toFixed(0) + \"0\".repeat(-precision)\n    );\n  }\n}\n"],"names":[],"version":3,"file":"column-views.1ece326b.js.map"}

package/dist/esm/column-views.1edc7300.js

@@ -0,0 +1,40 @@
+import $kwOHx$chromajs from "chroma-js";
+
+
+function $6698edd2a743bf07$export$175d3e927f1a9860(unit, lithMap, inDarkMode = false, asBackground = true) {
+    const liths = unit.lith;
+    if (liths == null) return "gray";
+    const lithData = liths.map((d)=>{
+        let prop = d.prop;
+        if (prop == null || isNaN(prop) || prop <= 0) prop = null;
+        return {
+            lith_id: d.lith_id,
+            prop: prop,
+            color: lithMap?.get(d.lith_id)?.color
+        };
+    }).filter((d)=>d.color != null);
+    const lithsWithProp = lithData.filter((d)=>d.prop != null);
+    const lithsWithoutProp = lithData.filter((d)=>d.prop == null);
+    const totalProp = lithsWithProp.reduce((sum, d)=>sum + d.prop, 0);
+    if (totalProp < 1 && lithsWithoutProp.length > 0) {
+        const remainingProp = 1 - totalProp;
+        // Distribute remaining proportion equally among liths without prop
+        const equalProp = remainingProp / lithsWithoutProp.length;
+        lithsWithoutProp.forEach((d)=>{
+            lithsWithProp.push({
+                ...d,
+                prop: equalProp
+            });
+        });
+    }
+    if (lithsWithProp.length == 0) return null;
+    // Mix colors proportionally
+    const baseColor = (0, $kwOHx$chromajs).average(lithsWithProp.map((d)=>d.color), "lrgb", lithsWithProp.map((d)=>d.prop));
+    if (!asBackground) return baseColor.hex();
+    if (inDarkMode) return baseColor.set("hsl.l", 0.2).hex();
+    else return baseColor.set("hsl.l", 0.9).hex();
+}
+
+
+export {$6698edd2a743bf07$export$175d3e927f1a9860 as getMixedUnitColor};
+//# sourceMappingURL=column-views.1edc7300.js.map

package/dist/esm/column-views.1edc7300.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAGO,SAAS,0CACd,IAAc,EACd,OAAO,EACP,aAAa,KAAK,EAClB,eAAe,IAAI;IAEnB,MAAM,QAAQ,KAAK,IAAI;IACvB,IAAI,SAAS,MACX,OAAO;IAET,MAAM,WAAW,MACd,GAAG,CAAC,CAAC;QACJ,IAAI,OAAO,EAAE,IAAI;QACjB,IAAI,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GACzC,OAAO;QAET,OAAO;YACL,SAAS,EAAE,OAAO;kBAClB;YACA,OAAO,SAAS,IAAI,EAAE,OAAO,GAAG;QAClC;IACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,KAAK,IAAI;IAE5B,MAAM,gBAAgB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IACvD,MAAM,mBAAmB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IAE1D,MAAM,YAAY,cAAc,MAAM,CAAC,CAAC,KAAK,IAAM,MAAM,EAAE,IAAI,EAAE;IACjE,IAAI,YAAY,KAAK,iBAAiB,MAAM,GAAG,GAAG;QAChD,MAAM,gBAAgB,IAAI;QAC1B,mEAAmE;QACnE,MAAM,YAAY,gBAAgB,iBAAiB,MAAM;QACzD,iBAAiB,OAAO,CAAC,CAAC;YACxB,cAAc,IAAI,CAAC;gBACjB,GAAG,CAAC;gBACJ,MAAM;YACR;QACF;IACF;IAEA,IAAI,cAAc,MAAM,IAAI,GAC1B,OAAO;IAGT,4BAA4B;IAC5B,MAAM,YAAY,CAAA,GAAA,eAAK,EAAE,OAAO,CAC9B,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,KAAK,GAChC,QACA,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,IAAI;IAGjC,IAAI,CAAC,cACH,OAAO,UAAU,GAAG;IAGtB,IAAI,YACF,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;SAEtC,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;AAE1C","sources":["packages/column-views/src/units/colors.ts"],"sourcesContent":["import chroma from \"chroma-js\";\nimport { UnitLong } from \"@macrostrat/api-types\";\n\nexport function getMixedUnitColor(\n  unit: UnitLong,\n  lithMap,\n  inDarkMode = false,\n  asBackground = true\n): string | null {\n  const liths = unit.lith;\n  if (liths == null) {\n    return \"gray\";\n  }\n  const lithData = liths\n    .map((d) => {\n      let prop = d.prop;\n      if (prop == null || isNaN(prop) || prop <= 0) {\n        prop = null;\n      }\n      return {\n        lith_id: d.lith_id,\n        prop,\n        color: lithMap?.get(d.lith_id)?.color,\n      };\n    })\n    .filter((d) => d.color != null);\n\n  const lithsWithProp = lithData.filter((d) => d.prop != null);\n  const lithsWithoutProp = lithData.filter((d) => d.prop == null);\n\n  const totalProp = lithsWithProp.reduce((sum, d) => sum + d.prop, 0);\n  if (totalProp < 1 && lithsWithoutProp.length > 0) {\n    const remainingProp = 1 - totalProp;\n    // Distribute remaining proportion equally among liths without prop\n    const equalProp = remainingProp / lithsWithoutProp.length;\n    lithsWithoutProp.forEach((d) => {\n      lithsWithProp.push({\n        ...d,\n        prop: equalProp,\n      });\n    });\n  }\n\n  if (lithsWithProp.length == 0) {\n    return null;\n  }\n\n  // Mix colors proportionally\n  const baseColor = chroma.average(\n    lithsWithProp.map((d) => d.color),\n    \"lrgb\",\n    lithsWithProp.map((d) => d.prop)\n  );\n\n  if (!asBackground) {\n    return baseColor.hex();\n  }\n\n  if (inDarkMode) {\n    return baseColor.set(\"hsl.l\", 0.2).hex();\n  } else {\n    return baseColor.set(\"hsl.l\", 0.9).hex();\n  }\n}\n"],"names":[],"version":3,"file":"column-views.1edc7300.js.map"}

package/dist/esm/column-views.240ef158.css

@@ -0,0 +1,159 @@
+.column-container_afc440, body.light-mode .column-container_afc440 {
+  --column-background-color: var(--background-color, #fff);
+  --column-stroke-color: var(--text-emphasized-color, #000);
+  --column-text-color: var(--text-emphasized-color, #000);
+}
+
+@media (prefers-color-scheme: dark) {
+  body:not(.light-mode) .column-container_afc440 {
+    --column-background-color: var(--background-color, #000);
+    --column-stroke-color: var(--text-emphasized-color, #fff);
+    --column-text-color: var(--text-emphasized-color, #fff);
+    color-scheme: dark;
+    color: var(--column-text-color);
+  }
+
+  body:not(.light-mode) .column-container_afc440 .timescale {
+    color: #000;
+  }
+
+  body:not(.light-mode) .column-container_afc440 svg pattern image {
+    filter: invert();
+  }
+}
+
+body.dark-mode .column-container_afc440 {
+  --column-background-color: var(--background-color, #000);
+  --column-stroke-color: var(--text-emphasized-color, #fff);
+  --column-text-color: var(--text-emphasized-color, #fff);
+  color-scheme: dark;
+  color: var(--column-text-color);
+}
+
+body.dark-mode .column-container_afc440 .timescale {
+  color: #000;
+}
+
+body.dark-mode .column-container_afc440 svg pattern image {
+  filter: invert();
+}
+
+.column-container_afc440 .column {
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+.column-container_afc440 .unit {
+  stroke: var(--column-stroke-color);
+  stroke-width: 1px;
+}
+
+.column-container_afc440 .selection-overlay {
+  fill: var(--selection-overlay-color, red);
+  fill-opacity: var(--selection-overlay-opacity, .5);
+}
+
+.column-container_afc440 g.lithology-column use.frame {
+  stroke: var(--column-stroke-color);
+  pointer-events: none;
+  stroke-width: 1.5px !important;
+}
+
+.column-container_afc440 .unit-label {
+  text-align: center;
+}
+
+.column-container_afc440 .col-note-label {
+  margin-top: 3px;
+  padding: 2px 2px 2px 3px;
+  font-size: 10px;
+  line-height: 9px;
+  border-left: none !important;
+}
+
+.column-container_afc440 g.height-range {
+  display: none;
+}
+
+.column-container_afc440 .note-inner {
+  border: none;
+}
+
+.column-container_afc440 .frame rect {
+  fill: #0000;
+}
+
+.column-container_afc440 .default-buttons {
+  width: 100%;
+  margin: 0 -10px;
+}
+
+.column-container_afc440 div.section {
+  flex-direction: row;
+  display: flex;
+}
+
+.column-container_afc440 .section .divisions .unit {
+  cursor: pointer;
+}
+
+.column-container_afc440 .timescale {
+  width: calc((1.5em + 1.5px) * var(--timescale-level-count, 4));
+  --timescale-level-size: 1.5em;
+}
+
+.timescale-column_afc440 {
+  position: relative;
+}
+
+.section-main_afc440 {
+  margin-bottom: -4px;
+  position: relative;
+}
+
+.section-units-container_afc440, .main-column_afc440 {
+  position: relative;
+}
+
+.unconformity-labels_afc440 {
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.unconformity_afc440 {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  font-size: .8em;
+  display: flex;
+  position: absolute;
+  top: 0;
+}
+
+.unconformity_afc440.giga_afc440 {
+  font-size: 1em;
+  font-weight: 800;
+}
+
+.unconformity_afc440.mega_afc440 {
+  font-size: .9em;
+  font-weight: 700;
+}
+
+.unconformity_afc440.large_afc440 {
+  font-weight: 600;
+}
+
+.unconformity_afc440.small_afc440 {
+  font-weight: 300;
+}
+
+.unconformity-text_afc440 {
+  width: var(--column-width);
+  color: var(--column-stroke-color);
+  --unit-font-style: normal;
+}
+/*# sourceMappingURL=column-views.240ef158.css.map */