@macrostrat/column-views 2.1.1 → 2.1.3

package/dist/esm/{column-views.1f123354.js → column-views.9771145a.js}

@@ -1,6 +1,6 @@
-import "./column-views.25471fe0.css";
-import $01tAX$columnviews58b82432js from "./column-views.58b82432.js";
-import {useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555, useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373} from "./column-views.3ba9213d.js";
+import "./column-views.b72918ce.css";
+import $01tAX$columnviewsd48cb0d8js from "./column-views.d48cb0d8.js";
+import {useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555, useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373} from "./column-views.34a1ac4f.js";
 import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0} from "./column-views.7715e35e.js";
 import $01tAX$macrostrathyper from "@macrostrat/hyper";
 import {JSONView as $01tAX$JSONView} from "@macrostrat/ui-components";
@@ -22,7 +22,7 @@ function $parcel$interopDefault(a) {
 
 
 
-const $448b24baeef3b229$var$h = (0, $01tAX$macrostrathyper).styled((0, ($parcel$interopDefault($01tAX$columnviews58b82432js))));
+const $448b24baeef3b229$var$h = (0, $01tAX$macrostrathyper).styled((0, ($parcel$interopDefault($01tAX$columnviewsd48cb0d8js))));
 function $448b24baeef3b229$export$fbd245232df17557({ unit: unit, onClose: onClose, className: className, features: features = new Set([
     "adjacent-units",
     "outcrop-type",
@@ -73,10 +73,14 @@ function $448b24baeef3b229$export$fc503c39cc5cff43({ title: title, id: id, onClo
     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.if(hiddenActions != null || id != null)("span.hidden-actions-container", $448b24baeef3b229$var$h("div.hidden-actions", [
+                $448b24baeef3b229$var$h.if(id != null)("code.unit-id", id),
+                $448b24baeef3b229$var$h.if(hiddenActions != null)([
+                    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),
@@ -151,7 +155,7 @@ function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: sele
         unit: thicknessUnit
     });
     /** We are trying to move away from passing the "color" parameter in the API */ let colorSwatch = null;
-    if ("color" in unit) {
+    if ("color" in unit && features.has("color")) {
         const unit1 = unit;
         colorSwatch = $448b24baeef3b229$var$h("div.color-swatch", {
             style: {
@@ -184,9 +188,9 @@ function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: sele
             onClickItem: onClickItem,
             getItemHref: getItemHref
         }),
-        $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)),
+        $448b24baeef3b229$var$h.if(unit.strat_name_id != null)($448b24baeef3b229$var$StratNameField, {
+            strat_name_id: unit.strat_name_id
+        }),
         outcropField,
         $448b24baeef3b229$var$h.if(features.has("adjacent-units"))([
             $448b24baeef3b229$var$h((0, $01tAX$DataField), {
@@ -203,13 +207,47 @@ function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: sele
             }))
         ]),
         colorSwatch,
-        $448b24baeef3b229$var$h((0, $01tAX$DataField), {
-            label: "Source",
+        $448b24baeef3b229$var$h($448b24baeef3b229$export$895d4931dd696e25, {
+            refs: unit.refs,
             inline: true
-        }, $448b24baeef3b229$var$h($448b24baeef3b229$var$BibInfo, {
-            refs: unit.refs
-        }))
+        })
+    ]);
+}
+function $448b24baeef3b229$export$895d4931dd696e25({ refs: refs, className: className = null, ...rest }) {
+    if (refs == null || refs.length === 0) return null;
+    return $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: "Source",
+        className: (0, $01tAX$classnames)("refs-field", className),
+        ...rest
+    }, $448b24baeef3b229$var$h($448b24baeef3b229$var$BibInfo, {
+        refs: refs
+    }));
+}
+function $448b24baeef3b229$var$StratNameField({ strat_name_id: strat_name_id, onClickItem: onClickItem }) {
+    const stratNames = (0, $01tAX$useMemo)(()=>[
+            strat_name_id
+        ], [
+        strat_name_id
     ]);
+    const data = (0, $774a5efa27d1c77b$export$b9c9fc603d74a555)("strat_names", stratNames);
+    const stratNameData = data?.[0];
+    let inner = $448b24baeef3b229$var$h($448b24baeef3b229$export$989167234458594d, {
+        id: strat_name_id
+    });
+    const name = stratNameData?.strat_name_long;
+    if (name != null) inner = $448b24baeef3b229$var$h("span.strat-name", name);
+    const clickable = onClickItem != null;
+    const className = (0, $01tAX$classnames)({
+        clickable: clickable
+    });
+    return $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: "Stratigraphic name"
+    }, $448b24baeef3b229$var$h(clickable ? "a" : "span", {
+        className: className,
+        onClick: (e)=>onClickItem(e, {
+                strat_name_id: strat_name_id
+            })
+    }, inner));
 }
 function $448b24baeef3b229$var$getThickness(unit) {
     let minThickness = unit.min_thick ?? 0;
@@ -252,12 +290,13 @@ function $448b24baeef3b229$var$BibInfo({ 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"
+        tag: "span",
+        key: refData[0].ref_id
     });
     return $448b24baeef3b229$var$h("ul.refs", refData.map((data, i)=>$448b24baeef3b229$var$h($448b24baeef3b229$var$Citation, {
             data: data,
             tag: "li",
-            key: i
+            key: data.ref_id
         })));
 }
 function $448b24baeef3b229$var$Citation({ data: data, tag: tag = "p" }) {
@@ -368,6 +407,17 @@ function $448b24baeef3b229$var$enhanceLithologies(lithologies, lithMap) {
         };
     });
 }
+function $448b24baeef3b229$export$989167234458594d({ id: id, onClick: onClick, className: className }) {
+    /** An item that displays a numeric identifier, optionally clickable */ const tag = onClick != null ? "a" : "span";
+    return $448b24baeef3b229$var$h(tag, {
+        onClick () {
+            onClick?.(id);
+        },
+        className: (0, $01tAX$classnames)("identifier", {
+            clickable: onClick != null
+        }, className)
+    }, id);
+}
 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");
@@ -375,14 +425,15 @@ function $448b24baeef3b229$var$UnitIDList({ units: units, selectUnit: selectUnit
     if (selectUnit != null) tag = "a";
     return $448b24baeef3b229$var$h((0, $01tAX$ItemList), {
         className: "unit-id-list"
-    }, u1.map((unit)=>{
-        return $448b24baeef3b229$var$h(tag, {
+    }, u1.map((unitID)=>{
+        return $448b24baeef3b229$var$h($448b24baeef3b229$export$989167234458594d, {
             className: "unit-id",
             onClick () {
-                selectUnit?.(unit.id);
+                selectUnit?.(unitID);
             },
-            key: unit.id
-        }, unit);
+            key: unitID,
+            id: unitID
+        });
     }));
 }
 function $448b24baeef3b229$var$IntervalProportions({ unit: unit, onClickItem: onClickItem }) {
@@ -413,10 +464,7 @@ function $448b24baeef3b229$var$IntervalProportions({ unit: unit, onClickItem: on
     ]);
     const clickable = onClickItem != null;
     const handleClick = (event)=>{
-        if (onClickItem) onClickItem({
-            event: event,
-            data: interval0
-        });
+        if (onClickItem) onClickItem(event, interval0);
     };
     return $448b24baeef3b229$var$h("div.interval-proportions", [
         $448b24baeef3b229$var$h((0, $01tAX$IntervalTag), {
@@ -465,5 +513,5 @@ function $448b24baeef3b229$var$formatSignificance(value, precision = null) {
 }
 
 
-export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration, $448b24baeef3b229$export$37ebfd237811b1eb as AgeLabel};
-//# sourceMappingURL=column-views.1f123354.js.map
+export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration, $448b24baeef3b229$export$895d4931dd696e25 as ReferencesField, $448b24baeef3b229$export$989167234458594d as Identifier, $448b24baeef3b229$export$37ebfd237811b1eb as AgeLabel};
+//# sourceMappingURL=column-views.9771145a.js.map

package/dist/esm/column-views.9771145a.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 {\n  Environment,\n  UnitLong,\n  UnitLongFull,\n  Lithology,\n  Interval,\n  StratUnit,\n} 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  onClickItem,\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  onClickItem?: (item: any) => 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, {\n      unit,\n      features,\n      lithologyFeatures,\n      onClickItem,\n    });\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 || id != null)(\n        \"span.hidden-actions-container\",\n        h(\"div.hidden-actions\", [\n          h.if(id != null)(\"code.unit-id\", id),\n          h.if(hiddenActions != null)([hiddenActions]),\n        ]),\n      ),\n    ]),\n    h(\"div.spacer\"),\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  onClickItem,\n  getItemHref,\n}: {\n  unit: UnitLong;\n  selectUnit?: (unitID: number) => void;\n  columnUnits?: UnitLong[];\n  lithologyFeatures?: Set<LithologyTagFeature>;\n  features?: Set<UnitDetailsFeature>;\n  onClickItem?: (\n    event: MouseEvent,\n    item:\n      | Lithology\n      | Environment\n      | UnitLong\n      | Interval\n      | { strat_name_id: number },\n  ) => void;\n  getItemHref?: (item: Lithology | Environment | UnitLong) => string | null;\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 && features.has(UnitDetailsFeature.Color)) {\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      getItemHref,\n      onClickItem,\n    }),\n    h(AgeField, { unit }, [\n      h(Parenthetical, h(Duration, { value: unit.b_age - unit.t_age })),\n      h(IntervalProportions, {\n        unit,\n        onClickItem,\n      }),\n    ]),\n    h(EnvironmentsList, {\n      environments,\n      onClickItem,\n      getItemHref,\n    }),\n    h.if(unit.strat_name_id != null)(StratNameField, {\n      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(ReferencesField, { refs: unit.refs, inline: true }),\n  ]);\n}\n\nexport function ReferencesField({ refs, className = null, ...rest }) {\n  if (refs == null || refs.length === 0) {\n    return null;\n  }\n  return h(\n    DataField,\n    {\n      label: \"Source\",\n      className: classNames(\"refs-field\", className),\n      ...rest,\n    },\n    h(BibInfo, { refs }),\n  );\n}\n\nfunction StratNameField({\n  strat_name_id,\n  onClickItem,\n}: {\n  strat_name_id: number;\n  onClickItem?: (event: MouseEvent, item: { strat_name_id: number }) => void;\n}) {\n  const stratNames = useMemo(() => [strat_name_id], [strat_name_id]);\n  const data = useMacrostratData(\"strat_names\", stratNames);\n  const stratNameData = data?.[0];\n  let inner: any = h(Identifier, { id: strat_name_id });\n  const name = stratNameData?.strat_name_long;\n  if (name != null) {\n    inner = h(\"span.strat-name\", name);\n  }\n\n  const clickable = onClickItem != null;\n\n  const className = classNames({\n    clickable,\n  });\n\n  return h(\n    DataField,\n    {\n      label: \"Stratigraphic name\",\n    },\n    h(\n      clickable ? \"a\" : \"span\",\n      {\n        className,\n        onClick: (e) => onClickItem(e, { strat_name_id }),\n      },\n      inner,\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, {\n      data: refData[0],\n      tag: \"span\",\n      key: refData[0].ref_id,\n    });\n  }\n\n  return h(\n    \"ul.refs\",\n    refData.map((data, i) =>\n      h(Citation, { data, tag: \"li\", key: data.ref_id }),\n    ),\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\nfunction getAge(value) {\n  /** Get the age value in Ma, ka, or Ga as appropriate */\n  let unit = \"Ma\";\n  if (value < 0.8) {\n    unit = \"ka\";\n    value *= 1000;\n    if (value < 5) {\n      unit = \"yr\";\n      value *= 1000;\n    }\n  } else if (value > 1000) {\n    unit = \"Ga\";\n    value /= 1000;\n  }\n\n  return [value, unit];\n}\n\nexport function AgeLabel({\n  age,\n  maximumFractionDigits = 2,\n  minimumFractionDigits = 0,\n  className,\n}: {\n  age: number;\n  className?: string;\n  maximumFractionDigits?: number;\n  minimumFractionDigits?: number;\n}) {\n  /** Component to display a single age value with unit conversion from\n   * Ma to ka or Ga as appropriate.\n   */\n  const [value, unit] = getAge(age);\n\n  const _value = value.toLocaleString(\"en-US\", {\n    maximumFractionDigits,\n    minimumFractionDigits,\n  });\n\n  return h(Value, { value: _value, unit, className });\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\nexport function Identifier({\n  id,\n  onClick,\n  className,\n}: {\n  id: number | string;\n  onClick?: (id: number | string) => void;\n  className?: string;\n}) {\n  /** An item that displays a numeric identifier, optionally clickable */\n  const tag = onClick != null ? \"a\" : \"span\";\n  return h(\n    tag,\n    {\n      onClick() {\n        onClick?.(id);\n      },\n      className: classNames(\n        \"identifier\",\n        { clickable: onClick != null },\n        className,\n      ),\n    },\n    id,\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((unitID) => {\n      return h(Identifier, {\n        className: \"unit-id\",\n        onClick() {\n          selectUnit?.(unitID);\n        },\n        key: unitID,\n        id: unitID,\n      });\n    }),\n  );\n}\n\nfunction IntervalProportions({ unit, onClickItem }) {\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  const clickable = onClickItem != null;\n\n  const handleClick = (event: MouseEvent) => {\n    if (onClickItem) {\n      onClickItem(event, interval0);\n    }\n  };\n\n  return h(\"div.interval-proportions\", [\n    h(IntervalTag, {\n      className: clickable ? \"clickable\" : \"\",\n      onClick: clickable ? handleClick : undefined,\n      interval: interval0,\n      prefix: p0,\n    }),\n    h.if(i0 != i1)(\"span.discourage-break\", [\n      h(\"span.sep\", \"to\"),\n      h(IntervalTag, {\n        className: clickable ? \"clickable\" : \"\",\n        onClick: clickable ? handleClick : undefined,\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.9771145a.js.map"}

package/dist/esm/{column-views.6549388a.js → column-views.9e1c82fe.js}

@@ -1,4 +1,4 @@
-import {useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9} from "./column-views.5cc09c1d.js";
+import {useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9} from "./column-views.3f246167.js";
 import {buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25, buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7} from "./column-views.dc42f5d0.js";
 import $26TqL$macrostrathyper from "@macrostrat/hyper";
 import {FeatureLayer as $26TqL$FeatureLayer, Feature as $26TqL$Feature, MapContext as $26TqL$MapContext} from "@macrostrat/svg-map-components";
@@ -166,4 +166,4 @@ const $93f116a6493b17c3$export$b9d912252344e099 = (props)=>{
 
 
 export {$93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
-//# sourceMappingURL=column-views.6549388a.js.map
+//# sourceMappingURL=column-views.9e1c82fe.js.map

package/dist/esm/{column-views.6549388a.js.map → column-views.9e1c82fe.js.map}

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

package/dist/esm/{column-views.fdb0e9ec.js → column-views.a23b2c92.js}

@@ -1,11 +1,12 @@
-import $bTsJU$columnviews4637f4cejs from "./column-views.4637f4ce.js";
-import "./column-views.217078ab.css";
-import {UnitComponent as $4c8184c4a7317749$export$48a4cacf2b7a4441} from "./column-views.2ca34210.js";
-import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.1af9761e.js";
-import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.c8cc249a.js";
+import $bTsJU$columnviewscdadc5c2js from "./column-views.cdadc5c2.js";
+import "./column-views.b12a6374.css";
+import {UnitComponent as $4c8184c4a7317749$export$48a4cacf2b7a4441} from "./column-views.3d001ab8.js";
+import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.64a84c43.js";
+import {Identifier as $448b24baeef3b229$export$989167234458594d, ReferencesField as $448b24baeef3b229$export$895d4931dd696e25} from "./column-views.9771145a.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.ff031876.js";
 import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
-import {CompositeTimescale as $7d0f52717c0de7e1$export$db2df5a73a6fbe10, SectionsColumn as $7d0f52717c0de7e1$export$38cb0ab5af8f50d7} from "./column-views.4df0b803.js";
-import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./column-views.c32d6ad0.js";
+import {CompositeTimescale as $7d0f52717c0de7e1$export$db2df5a73a6fbe10, SectionsColumn as $7d0f52717c0de7e1$export$38cb0ab5af8f50d7} from "./column-views.0e06c069.js";
+import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./column-views.3b637517.js";
 import {usePreparedColumnUnits as $76e92a964ee11b97$export$206a0cb85295e433} from "./column-views.c71c321c.js";
 import {ColumnAxisType as $bTsJU$ColumnAxisType} from "@macrostrat/column-components";
 import {hyperStyled as $bTsJU$hyperStyled} from "@macrostrat/hyper";
@@ -13,6 +14,7 @@ import {useDarkMode as $bTsJU$useDarkMode} from "@macrostrat/ui-components";
 import $bTsJU$classnames from "classnames";
 import {useRef as $bTsJU$useRef, useCallback as $bTsJU$useCallback} from "react";
 import {NonIdealState as $bTsJU$NonIdealState} from "@blueprintjs/core";
+import {DataField as $bTsJU$DataField} from "@macrostrat/data-components";
 
 
 function $parcel$interopDefault(a) {
@@ -31,7 +33,8 @@ function $parcel$interopDefault(a) {
 
 
 
-const $2118f0266dc7e955$var$h = (0, $bTsJU$hyperStyled)((0, ($parcel$interopDefault($bTsJU$columnviews4637f4cejs))));
+
+const $2118f0266dc7e955$var$h = (0, $bTsJU$hyperStyled)((0, ($parcel$interopDefault($bTsJU$columnviewscdadc5c2js))));
 function $2118f0266dc7e955$export$816b5d811295e6bc(props) {
     const { showUnitPopover: showUnitPopover = false, keyboardNavigation: keyboardNavigation = false, mergeSections: mergeSections, onUnitSelected: onUnitSelected, selectedUnit: selectedUnit, children: children, units: rawUnits, axisType: axisType = (0, $bTsJU$ColumnAxisType).AGE, t_age: t_age, b_age: b_age, unconformityHeight: unconformityHeight = 30, targetUnitHeight: targetUnitHeight = 20, pixelScale: pixelScale, minPixelScale: minPixelScale = 0.2, minSectionHeight: minSectionHeight = 50, collapseSmallUnconformities: collapseSmallUnconformities = true, allowUnitSelection: allowUnitSelection, ...rest } = props;
     const ref = (0, $bTsJU$useRef)();
@@ -158,7 +161,29 @@ function $2118f0266dc7e955$export$2194471aa3d52446(props) {
         ...rest
     });
 }
+function $2118f0266dc7e955$export$fcdf79c491a4504f({ data: data, showColumnID: showColumnID = true }) {
+    if (data == null) return null;
+    return $2118f0266dc7e955$var$h("div.column-info", [
+        $2118f0266dc7e955$var$h("div.column-title-row", [
+            $2118f0266dc7e955$var$h("h2", data.col_name),
+            $2118f0266dc7e955$var$h.if(showColumnID)("h4", $2118f0266dc7e955$var$h((0, $448b24baeef3b229$export$989167234458594d), {
+                id: data.col_id
+            }))
+        ]),
+        $2118f0266dc7e955$var$h((0, $bTsJU$DataField), {
+            row: true,
+            label: "Group",
+            value: data.col_group
+        }),
+        $2118f0266dc7e955$var$h((0, $448b24baeef3b229$export$895d4931dd696e25), {
+            refs: data.refs,
+            inline: false,
+            row: true,
+            className: "column-refs"
+        })
+    ]);
+}
 
 
-export {$2118f0266dc7e955$export$816b5d811295e6bc as Column, $2118f0266dc7e955$export$2194471aa3d52446 as ColumnContainer};
-//# sourceMappingURL=column-views.fdb0e9ec.js.map
+export {$2118f0266dc7e955$export$816b5d811295e6bc as Column, $2118f0266dc7e955$export$2194471aa3d52446 as ColumnContainer, $2118f0266dc7e955$export$fcdf79c491a4504f as ColumnBasicInfo};
+//# sourceMappingURL=column-views.a23b2c92.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/column.ts"],"sourcesContent":["import { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport classNames from \"classnames\";\nimport { RefObject, useRef, HTMLAttributes, useCallback } from \"react\";\nimport styles from \"./column.module.sass\";\nimport {\n  UnitSelectionProvider,\n  UnitComponent,\n  UnitKeyboardNavigation,\n  useUnitSelectionDispatch,\n} from \"./units\";\n\nimport { ColumnHeightScaleOptions } from \"./prepare-units/composite-scale\";\nimport {\n  Identifier,\n  ReferencesField,\n  UnitSelectionPopover,\n} from \"./unit-details\";\nimport {\n  MacrostratColumnDataProvider,\n  useCompositeScale,\n  useMacrostratColumnData,\n} from \"./data-provider\";\nimport {\n  SectionSharedProps,\n  CompositeTimescale,\n  SectionsColumn,\n} from \"./section\";\nimport { CompositeAgeAxis } from \"./age-axis\";\nimport { MergeSectionsMode, usePreparedColumnUnits } from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { NonIdealState } from \"@blueprintjs/core\";\nimport { DataField } from \"@macrostrat/data-components\";\n\nconst h = hyperStyled(styles);\n\ninterface BaseColumnProps extends SectionSharedProps {\n  className?: string;\n  showLabelColumn?: boolean;\n  keyboardNavigation?: boolean;\n  showLabels?: boolean;\n  maxInternalColumns?: number;\n  // Timescale properties\n  showTimescale?: boolean;\n  timescaleLevels?: number | [number, number];\n  onMouseOver?: (\n    unit: UnitLong | null,\n    height: number | null,\n    evt: MouseEvent,\n  ) => void;\n}\n\nexport interface ColumnProps extends BaseColumnProps, ColumnHeightScaleOptions {\n  // Macrostrat units\n  units: UnitLong[];\n  t_age?: number;\n  b_age?: number;\n  mergeSections?: MergeSectionsMode;\n  showUnitPopover?: boolean;\n  allowUnitSelection?: boolean;\n  selectedUnit?: number | null;\n  onUnitSelected?: (unitID: number | null, unit: any) => void;\n  // Unconformity height in pixels\n  unconformityHeight?: number;\n}\n\nexport function Column(props: ColumnProps) {\n  const {\n    showUnitPopover = false,\n    keyboardNavigation = false,\n    mergeSections,\n    onUnitSelected,\n    selectedUnit,\n    children,\n    units: rawUnits,\n    axisType = ColumnAxisType.AGE,\n    t_age,\n    b_age,\n    unconformityHeight = 30,\n    targetUnitHeight = 20,\n    pixelScale,\n    minPixelScale = 0.2,\n    minSectionHeight = 50,\n    collapseSmallUnconformities = true,\n    allowUnitSelection,\n    ...rest\n  } = props;\n  const ref = useRef<HTMLElement>();\n  // Selected item position\n\n  const { sections, units, totalHeight } = usePreparedColumnUnits(rawUnits, {\n    axisType,\n    t_age,\n    b_age,\n    mergeSections,\n    targetUnitHeight,\n    unconformityHeight,\n    pixelScale,\n    minPixelScale,\n    minSectionHeight,\n    collapseSmallUnconformities,\n  });\n\n  if (sections.length === 0) {\n    return h(\n      \"div.column-container.empty\",\n      h(NonIdealState, {\n        title: \"Empty column\",\n        description: \"No sections found in this column.\",\n        icon: \"warning-sign\",\n      }),\n    );\n  }\n\n  let main: any = h(ColumnInner, { columnRef: ref, ...rest }, [\n    children,\n    h.if(showUnitPopover)(UnitSelectionPopover),\n    h.if(keyboardNavigation)(UnitKeyboardNavigation, { units }),\n  ]);\n\n  /* By default, unit selection is disabled. However, if any related props are passed,\n   we enable it.\n   */\n  let _allowUnitSelection = allowUnitSelection ?? false;\n  if (showUnitPopover || selectedUnit != null || onUnitSelected != null) {\n    _allowUnitSelection = true;\n  }\n\n  if (_allowUnitSelection) {\n    main = h(\n      UnitSelectionProvider,\n      {\n        columnRef: ref,\n        onUnitSelected,\n        selectedUnit,\n        units,\n      },\n      main,\n    );\n  }\n\n  return h(\n    MacrostratColumnDataProvider,\n    { units, sections, totalHeight, axisType },\n    main,\n  );\n}\n\ninterface ColumnInnerProps extends BaseColumnProps {\n  columnRef: RefObject<HTMLElement>;\n}\n\nfunction ColumnInner(props: ColumnInnerProps) {\n  const {\n    unitComponent = UnitComponent,\n    unconformityLabels = true,\n    showLabels = true,\n    width: _width = 300,\n    columnWidth: _columnWidth = 150,\n    showLabelColumn: _showLabelColumn = true,\n    className,\n    columnRef,\n    clipUnits = false,\n    children,\n    showTimescale,\n    timescaleLevels,\n    maxInternalColumns,\n    onMouseOver,\n  } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  let width = _width;\n  let columnWidth = _columnWidth;\n  if (columnWidth > width) {\n    columnWidth = width;\n  }\n  let showLabelColumn = _showLabelColumn;\n  if (columnWidth > width - 10) {\n    showLabelColumn = false;\n  }\n\n  let _showTimescale = showTimescale ?? true;\n  if (timescaleLevels != null) {\n    _showTimescale = true;\n  }\n  _showTimescale = axisType == ColumnAxisType.AGE && _showTimescale;\n\n  return h(\n    ColumnContainer,\n    {\n      ...useMouseEventHandlers(onMouseOver),\n      className,\n    },\n    h(\"div.column\", { ref: columnRef }, [\n      h(CompositeAgeAxis),\n      h.if(_showTimescale)(CompositeTimescale, { levels: timescaleLevels }),\n      h(SectionsColumn, {\n        unitComponent,\n        showLabels,\n        width,\n        columnWidth,\n        showLabelColumn,\n        clipUnits,\n        unconformityLabels,\n        maxInternalColumns,\n      }),\n      children,\n    ]),\n  );\n}\n\ntype ColumnMouseOverHandler = (\n  unit: UnitLong | null,\n  height: number | null,\n  evt: MouseEvent,\n) => void;\n\nfunction useMouseEventHandlers(\n  _onMouseOver: ColumnMouseOverHandler | null = null,\n) {\n  /** Click event handler */\n\n  // Click handler for unit selection\n  const dispatch = useUnitSelectionDispatch();\n  const onClick = useCallback(\n    (evt) => {\n      dispatch?.(null, null, evt as any);\n    },\n    [dispatch],\n  );\n\n  /** Hover event handlers */\n  const scale = useCompositeScale();\n\n  const onMouseOver = useCallback(\n    (evt) => {\n      const height = scale.invert(\n        evt.clientY - evt.currentTarget.getBoundingClientRect().top,\n      );\n      _onMouseOver?.(null, height, evt);\n    },\n    [scale, _onMouseOver],\n  );\n\n  const onMouseOut = useCallback(() => {\n    _onMouseOver?.(null, null, null);\n  }, [_onMouseOver]);\n\n  if (_onMouseOver == null) {\n    return {\n      onClick,\n      onMouseOver: undefined,\n      onMouseMove: undefined,\n      onMouseOut: undefined,\n    };\n  }\n\n  return { onMouseOver, onMouseMove: onMouseOver, onMouseOut, onClick };\n}\n\nexport interface ColumnContainerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n}\n\nexport function ColumnContainer(props: ColumnContainerProps) {\n  const { className, ...rest } = props;\n  const darkMode = useDarkMode();\n\n  return h(\"div.column-container\", {\n    className: classNames(className, {\n      \"dark-mode\": darkMode?.isEnabled ?? false,\n    }),\n    ...rest,\n  });\n}\n\nexport function ColumnBasicInfo({ data, showColumnID = true }) {\n  if (data == null) return null;\n  return h(\"div.column-info\", [\n    h(\"div.column-title-row\", [\n      h(\"h2\", data.col_name),\n      h.if(showColumnID)(\"h4\", h(Identifier, { id: data.col_id })),\n    ]),\n    h(DataField, { row: true, label: \"Group\", value: data.col_group }),\n    h(ReferencesField, {\n      refs: data.refs,\n      inline: false,\n      row: true,\n      className: \"column-refs\",\n    }),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.a23b2c92.js.map"}

package/dist/esm/{column-views.d2037465.js → column-views.a2cf8f33.js}

@@ -1,9 +1,9 @@
 import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0, UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./column-views.7715e35e.js";
-import {LabeledUnit as $d254716a820e9c85$export$b4f0ca233b98f9af, UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.a91dde4a.js";
+import {LabeledUnit as $d254716a820e9c85$export$b4f0ca233b98f9af, UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.2e0ff311.js";
 import "./column-views.3b972a9b.css";
 import $1PjJ0$columnviews40cd59b5js from "./column-views.40cd59b5.js";
 import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
-import {useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.1af9761e.js";
+import {useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.64a84c43.js";
 import {hyperStyled as $1PjJ0$hyperStyled} from "@macrostrat/hyper";
 import {LithologyColumn as $1PjJ0$LithologyColumn, SVG as $1PjJ0$SVG, ColumnContext as $1PjJ0$ColumnContext} from "@macrostrat/column-components";
 import {createContext as $1PjJ0$createContext, useState as $1PjJ0$useState, useRef as $1PjJ0$useRef, useCallback as $1PjJ0$useCallback, useContext as $1PjJ0$useContext, useEffect as $1PjJ0$useEffect} from "react";
@@ -166,4 +166,4 @@ function $8c8238faa5cde49c$export$6cc7a9df4edde18(props) {
 
 
 export {$8c8238faa5cde49c$export$e4e89ab6c86ac513 as LabelTrackerProvider, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$13984e34afdbb040 as SectionLabelsColumn, $8c8238faa5cde49c$export$723b790ebe9cdff8 as compositeScale, $8c8238faa5cde49c$export$6cc7a9df4edde18 as ColumnNotesProvider};
-//# sourceMappingURL=column-views.d2037465.js.map
+//# sourceMappingURL=column-views.a2cf8f33.js.map

package/dist/esm/{column-views.d2037465.js.map → column-views.a2cf8f33.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/column-views/src/units/composite.ts"],"sourcesContent":["import { hyperStyled } from \"@macrostrat/hyper\";\nimport {\n  LithologyColumn,\n  SVG,\n  ColumnContext,\n} from \"@macrostrat/column-components\";\nimport { defaultNameFunction, UnitNamesColumn } from \"./names\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n} from \"react\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { LabeledUnit, UnitBoxes } from \"./boxes\";\nimport styles from \"./composite.module.sass\";\nimport { useMacrostratColumnData } from \"../data-provider\";\nimport { useUnitSelectionDispatch } from \"../units\";\n\nconst h = hyperStyled(styles);\n\ninterface LabelTracker {\n  [key: number]: boolean;\n}\n\nconst LabelTrackerContext = createContext(null);\nconst UnlabeledDivisionsContext = createContext(null);\n\nconst findMacrostratUnitID = (u) => u.unit_id;\n\nexport function LabelTrackerProvider(props) {\n  /** Tracker for units to handle state for whether their labels fit inline or not.\n   * Designed to work for single or composite columns.\n   */\n  const { children, units, findUnitID = findMacrostratUnitID } = props;\n  const [unlabeledDivisions, setUnlabeledDivisions] = useState<\n    BaseUnit[] | null\n  >(null);\n  const labelTrackerRef = useRef<LabelTracker>({});\n  const trackLabelVisibility = useCallback(\n    (div, visible) => {\n      const id = findUnitID(div);\n      labelTrackerRef.current[id] = visible;\n      if (Object.keys(labelTrackerRef.current).length == units.length) {\n        setUnlabeledDivisions(\n          // @ts-ignore\n          units.filter((d) => {\n            const id = findUnitID(d);\n            return labelTrackerRef.current[id] == false;\n          }),\n        );\n      }\n    },\n    [labelTrackerRef, units, findUnitID],\n  );\n\n  const value = trackLabelVisibility;\n  return h(\n    LabelTrackerContext.Provider,\n    { value },\n    h(\n      UnlabeledDivisionsContext.Provider,\n      { value: unlabeledDivisions },\n      children,\n    ),\n  );\n}\n\nfunction TrackedLabeledUnit({\n  division,\n  nameForDivision = defaultNameFunction,\n  ...rest\n}) {\n  const trackLabelVisibility = useContext(LabelTrackerContext);\n  return h(LabeledUnit, {\n    division,\n    label: nameForDivision(division),\n    onLabelUpdated(label, visible) {\n      // If there is al LabelTrackerContext, update the label visibility\n      trackLabelVisibility?.(division, visible);\n    },\n    ...rest,\n  });\n}\n\nexport const CompositeUnitComponent = TrackedLabeledUnit;\n\ntype BaseUnitProps = {\n  width: number;\n  showLabels?: boolean;\n  columnWidth?: number;\n  clipToFrame?: boolean;\n};\n\ntype ICompositeUnitProps = BaseUnitProps & {\n  gutterWidth?: number;\n  labelOffset?: number;\n  paddingLeft?: number;\n  nameForDivision?: (division: BaseUnit) => string;\n  children?: React.ReactNode;\n  unitComponent?: React.FC<any>;\n  unitComponentProps?: any;\n  noteMode?: \"labeled\" | \"unlabeled\";\n  showLabelColumn?: boolean;\n  noteComponent?: React.FC<any>;\n  shouldRenderNote?: (d: any) => boolean;\n};\n\ninterface CompositeUnitProps {\n  unitComponent: React.FC<any>;\n  unitComponentProps?: any;\n  width: number;\n  showLabels?: boolean;\n  clipToFrame?: boolean;\n}\n\nexport function CompositeUnitsColumn(props: CompositeUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const {\n    width,\n    unitComponent = TrackedLabeledUnit,\n    unitComponentProps,\n    clipToFrame,\n    ...rest\n  } = props;\n\n  return h(LithologyColumn, { width, clipToFrame }, [\n    h(UnitBoxes, {\n      unitComponent,\n      unitComponentProps,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function AnnotatedUnitsColumn(props: ICompositeUnitProps) {\n  useEffect(() => {\n    console.warn(\n      \"AnnotatedUnitsColumn is deprecated and currently renders a no-op for transition purposes\",\n    );\n  }, []);\n  return null;\n}\n\nexport function SectionLabelsColumn(props: ICompositeUnitProps) {\n  // Section with \"squishy\" time scale\n  const {\n    width = 300,\n    noteMode = \"unlabeled\",\n    labelOffset = 30,\n    noteComponent,\n    shouldRenderNote,\n  } = props;\n\n  const { sections, totalHeight, axisType } = useMacrostratColumnData();\n\n  const unlabeledUnits = useContext(UnlabeledDivisionsContext);\n  const unitsToLabel = noteMode == \"unlabeled\" ? unlabeledUnits : undefined;\n\n  const _compositeScale = compositeScale(sections);\n\n  const selectUnit = useUnitSelectionDispatch();\n\n  return h(\"div.section-labels-column\", [\n    h(\n      ColumnNotesProvider,\n      {\n        units: [],\n        scale: _compositeScale,\n        totalHeight,\n        axisType,\n      },\n      h(\n        SVG,\n        {\n          height: totalHeight,\n          innerWidth: width - 4,\n          paddingH: 1,\n          paddingLeft: 3,\n        },\n        h(UnitNamesColumn, {\n          divisions: unitsToLabel,\n          paddingLeft: labelOffset,\n          width,\n          noteComponent,\n          shouldRenderNote,\n          scale: _compositeScale,\n          onClickNote(note) {\n            selectUnit(note.data, null, null);\n          },\n        }),\n      ),\n    ),\n  ]);\n}\n\ntype CompositeScaleOpts = {\n  clamped?: boolean;\n};\n\nexport interface CompositeColumnScale {\n  (val: number): number;\n  copy(): CompositeColumnScale;\n  domain(): number[];\n}\n\nexport function compositeScale(\n  sections,\n  opts: CompositeScaleOpts = {},\n): CompositeColumnScale {\n  /** A basic composite scale that works across all sections. This isn't a fully featured,\n   * contiuous D3 scale, but it shares enough attributes to be useful for\n   * laying out notes.\n   */\n  const { clamped = true } = opts;\n\n  const scales = sections.map((group) => {\n    const { scaleInfo } = group;\n    return scaleInfo.scale.copy().clamp(clamped);\n  });\n\n  let baseScale: any = (val) => {\n    // Find the scale for the section that contains the value\n    const scale = scales.find((scale) => {\n      return scale.domain()[0] <= val && val <= scale.domain()[1];\n    });\n\n    if (scale) {\n      return scale(val);\n    } else {\n      // return nan\n      return NaN;\n    }\n  };\n\n  baseScale.copy = () => {\n    return baseScale;\n  };\n\n  baseScale.domain = () => {\n    // Return a domain that covers all sections\n    return [scales[0].domain()[0], scales[scales.length - 1].domain()[1]];\n  };\n\n  return baseScale as CompositeColumnScale;\n}\n\nexport function ColumnNotesProvider(props) {\n  // A fake column axis provider that allows scales to cross\n  const { children, scale, totalHeight, pixelScale } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  return h(\n    ColumnContext.Provider,\n    {\n      value: {\n        divisions: [],\n        scale,\n        scaleClamped: scale,\n        pixelHeight: totalHeight,\n        pixelsPerMeter: pixelScale,\n        axisType,\n        zoom: 1,\n      },\n    },\n    children,\n  );\n}\n\nexport { TrackedLabeledUnit, ICompositeUnitProps };\n"],"names":[],"version":3,"file":"column-views.d2037465.js.map"}
+{"mappings":"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","sources":["packages/column-views/src/units/composite.ts"],"sourcesContent":["import { hyperStyled } from \"@macrostrat/hyper\";\nimport {\n  LithologyColumn,\n  SVG,\n  ColumnContext,\n} from \"@macrostrat/column-components\";\nimport { defaultNameFunction, UnitNamesColumn } from \"./names\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n} from \"react\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { LabeledUnit, UnitBoxes } from \"./boxes\";\nimport styles from \"./composite.module.sass\";\nimport { useMacrostratColumnData } from \"../data-provider\";\nimport { useUnitSelectionDispatch } from \"../units\";\n\nconst h = hyperStyled(styles);\n\ninterface LabelTracker {\n  [key: number]: boolean;\n}\n\nconst LabelTrackerContext = createContext(null);\nconst UnlabeledDivisionsContext = createContext(null);\n\nconst findMacrostratUnitID = (u) => u.unit_id;\n\nexport function LabelTrackerProvider(props) {\n  /** Tracker for units to handle state for whether their labels fit inline or not.\n   * Designed to work for single or composite columns.\n   */\n  const { children, units, findUnitID = findMacrostratUnitID } = props;\n  const [unlabeledDivisions, setUnlabeledDivisions] = useState<\n    BaseUnit[] | null\n  >(null);\n  const labelTrackerRef = useRef<LabelTracker>({});\n  const trackLabelVisibility = useCallback(\n    (div, visible) => {\n      const id = findUnitID(div);\n      labelTrackerRef.current[id] = visible;\n      if (Object.keys(labelTrackerRef.current).length == units.length) {\n        setUnlabeledDivisions(\n          // @ts-ignore\n          units.filter((d) => {\n            const id = findUnitID(d);\n            return labelTrackerRef.current[id] == false;\n          }),\n        );\n      }\n    },\n    [labelTrackerRef, units, findUnitID],\n  );\n\n  const value = trackLabelVisibility;\n  return h(\n    LabelTrackerContext.Provider,\n    { value },\n    h(\n      UnlabeledDivisionsContext.Provider,\n      { value: unlabeledDivisions },\n      children,\n    ),\n  );\n}\n\nfunction TrackedLabeledUnit({\n  division,\n  nameForDivision = defaultNameFunction,\n  ...rest\n}) {\n  const trackLabelVisibility = useContext(LabelTrackerContext);\n  return h(LabeledUnit, {\n    division,\n    label: nameForDivision(division),\n    onLabelUpdated(label, visible) {\n      // If there is al LabelTrackerContext, update the label visibility\n      trackLabelVisibility?.(division, visible);\n    },\n    ...rest,\n  });\n}\n\nexport const CompositeUnitComponent = TrackedLabeledUnit;\n\ntype BaseUnitProps = {\n  width: number;\n  showLabels?: boolean;\n  columnWidth?: number;\n  clipToFrame?: boolean;\n};\n\ntype ICompositeUnitProps = BaseUnitProps & {\n  gutterWidth?: number;\n  labelOffset?: number;\n  paddingLeft?: number;\n  nameForDivision?: (division: BaseUnit) => string;\n  children?: React.ReactNode;\n  unitComponent?: React.FC<any>;\n  unitComponentProps?: any;\n  noteMode?: \"labeled\" | \"unlabeled\";\n  showLabelColumn?: boolean;\n  noteComponent?: React.FC<any>;\n  shouldRenderNote?: (d: any) => boolean;\n};\n\ninterface CompositeUnitProps {\n  unitComponent: React.FC<any>;\n  unitComponentProps?: any;\n  width: number;\n  showLabels?: boolean;\n  clipToFrame?: boolean;\n}\n\nexport function CompositeUnitsColumn(props: CompositeUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const {\n    width,\n    unitComponent = TrackedLabeledUnit,\n    unitComponentProps,\n    clipToFrame,\n    ...rest\n  } = props;\n\n  return h(LithologyColumn, { width, clipToFrame }, [\n    h(UnitBoxes, {\n      unitComponent,\n      unitComponentProps,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function AnnotatedUnitsColumn(props: ICompositeUnitProps) {\n  useEffect(() => {\n    console.warn(\n      \"AnnotatedUnitsColumn is deprecated and currently renders a no-op for transition purposes\",\n    );\n  }, []);\n  return null;\n}\n\nexport function SectionLabelsColumn(props: ICompositeUnitProps) {\n  // Section with \"squishy\" time scale\n  const {\n    width = 300,\n    noteMode = \"unlabeled\",\n    labelOffset = 30,\n    noteComponent,\n    shouldRenderNote,\n  } = props;\n\n  const { sections, totalHeight, axisType } = useMacrostratColumnData();\n\n  const unlabeledUnits = useContext(UnlabeledDivisionsContext);\n  const unitsToLabel = noteMode == \"unlabeled\" ? unlabeledUnits : undefined;\n\n  const _compositeScale = compositeScale(sections);\n\n  const selectUnit = useUnitSelectionDispatch();\n\n  return h(\"div.section-labels-column\", [\n    h(\n      ColumnNotesProvider,\n      {\n        units: [],\n        scale: _compositeScale,\n        totalHeight,\n        axisType,\n      },\n      h(\n        SVG,\n        {\n          height: totalHeight,\n          innerWidth: width - 4,\n          paddingH: 1,\n          paddingLeft: 3,\n        },\n        h(UnitNamesColumn, {\n          divisions: unitsToLabel,\n          paddingLeft: labelOffset,\n          width,\n          noteComponent,\n          shouldRenderNote,\n          scale: _compositeScale,\n          onClickNote(note) {\n            selectUnit(note.data, null, null);\n          },\n        }),\n      ),\n    ),\n  ]);\n}\n\ntype CompositeScaleOpts = {\n  clamped?: boolean;\n};\n\nexport interface CompositeColumnScale {\n  (val: number): number;\n  copy(): CompositeColumnScale;\n  domain(): number[];\n}\n\nexport function compositeScale(\n  sections,\n  opts: CompositeScaleOpts = {},\n): CompositeColumnScale {\n  /** A basic composite scale that works across all sections. This isn't a fully featured,\n   * contiuous D3 scale, but it shares enough attributes to be useful for\n   * laying out notes.\n   */\n  const { clamped = true } = opts;\n\n  const scales = sections.map((group) => {\n    const { scaleInfo } = group;\n    return scaleInfo.scale.copy().clamp(clamped);\n  });\n\n  let baseScale: any = (val) => {\n    // Find the scale for the section that contains the value\n    const scale = scales.find((scale) => {\n      return scale.domain()[0] <= val && val <= scale.domain()[1];\n    });\n\n    if (scale) {\n      return scale(val);\n    } else {\n      // return nan\n      return NaN;\n    }\n  };\n\n  baseScale.copy = () => {\n    return baseScale;\n  };\n\n  baseScale.domain = () => {\n    // Return a domain that covers all sections\n    return [scales[0].domain()[0], scales[scales.length - 1].domain()[1]];\n  };\n\n  return baseScale as CompositeColumnScale;\n}\n\nexport function ColumnNotesProvider(props) {\n  // A fake column axis provider that allows scales to cross\n  const { children, scale, totalHeight, pixelScale } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  return h(\n    ColumnContext.Provider,\n    {\n      value: {\n        divisions: [],\n        scale,\n        scaleClamped: scale,\n        pixelHeight: totalHeight,\n        pixelsPerMeter: pixelScale,\n        axisType,\n        zoom: 1,\n      },\n    },\n    children,\n  );\n}\n\nexport { TrackedLabeledUnit, ICompositeUnitProps };\n"],"names":[],"version":3,"file":"column-views.a2cf8f33.js.map"}

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

@@ -0,0 +1,60 @@
+import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557} from "./column-views.9771145a.js";
+import {Button as $fodo6$Button} from "@blueprintjs/core";
+import {useKeyHandler as $fodo6$useKeyHandler} from "@macrostrat/ui-components";
+import $fodo6$macrostrathyper from "@macrostrat/hyper";
+
+
+
+
+
+function $d418ca9cbe9b0f3c$export$cfdbe8496aa51962(props) {
+    const { unitData: unitData, className: className, selectedUnit: selectedUnit, onSelectUnit: onSelectUnit, features: features, ...rest } = props;
+    const ix = unitData?.findIndex((unit)=>unit.unit_id === selectedUnit?.unit_id);
+    const keyMap = {
+        38: ix - 1,
+        40: ix + 1
+    };
+    (0, $fodo6$useKeyHandler)((event)=>{
+        const nextIx = keyMap[event.keyCode];
+        if (nextIx == null || nextIx < 0 || nextIx >= unitData.length) return;
+        onSelectUnit(unitData[nextIx].unit_id);
+        event.stopPropagation();
+    }, [
+        unitData,
+        ix
+    ]);
+    if (selectedUnit == null) return null;
+    const actions = (0, $fodo6$macrostrathyper)([
+        (0, $fodo6$macrostrathyper)((0, $fodo6$Button), {
+            icon: "arrow-up",
+            disabled: ix === 0,
+            onClick () {
+                onSelectUnit(unitData[ix - 1]?.unit_id);
+            }
+        }),
+        (0, $fodo6$macrostrathyper)((0, $fodo6$Button), {
+            icon: "arrow-down",
+            disabled: ix === unitData.length - 1,
+            onClick () {
+                onSelectUnit(unitData[ix + 1]?.unit_id);
+            }
+        })
+    ]);
+    return (0, $fodo6$macrostrathyper)((0, $448b24baeef3b229$export$fbd245232df17557), {
+        unit: selectedUnit,
+        onClose (event) {
+            onSelectUnit(null);
+        },
+        className: className,
+        actions: actions,
+        showLithologyProportions: true,
+        selectUnit: onSelectUnit,
+        columnUnits: unitData,
+        features: features,
+        ...rest
+    });
+}
+
+
+export {$d418ca9cbe9b0f3c$export$cfdbe8496aa51962 as UnitDetailsPanelWithNavigation};
+//# sourceMappingURL=column-views.a5c1bbf0.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAKO,SAAS,0CAA+B,KAAK;IAClD,MAAM,YAAE,QAAQ,aAAE,SAAS,gBAAE,YAAY,gBAAE,YAAY,YAAE,QAAQ,EAAE,GAAG,MAAM,GAC1E;IAEF,MAAM,KAAK,UAAU,UACnB,CAAC,OAAS,KAAK,OAAO,KAAK,cAAc;IAG3C,MAAM,SAAS;QACb,IAAI,KAAK;QACT,IAAI,KAAK;IACX;IAEA,CAAA,GAAA,oBAAY,EACV,CAAC;QACC,MAAM,SAAS,MAAM,CAAC,MAAM,OAAO,CAAC;QACpC,IAAI,UAAU,QAAQ,SAAS,KAAK,UAAU,SAAS,MAAM,EAAE;QAC/D,aAAa,QAAQ,CAAC,OAAO,CAAC,OAAO;QACrC,MAAM,eAAe;IACvB,GACA;QAAC;QAAU;KAAG;IAGhB,IAAI,gBAAgB,MAAM,OAAO;IAEjC,MAAM,UAAU,CAAA,GAAA,sBAAA,EAAE;QAChB,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,aAAK,GAAG;YACR,MAAM;YACN,UAAU,OAAO;YACjB;gBACE,aAAa,QAAQ,CAAC,KAAK,EAAE,EAAE;YACjC;QACF;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,aAAK,GAAG;YACR,MAAM;YACN,UAAU,OAAO,SAAS,MAAM,GAAG;YACnC;gBACE,aAAa,QAAQ,CAAC,KAAK,EAAE,EAAE;YACjC;QACF;KACD;IAED,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAe,GAAG;QACzB,MAAM;QACN,SAAQ,KAAK;YACX,aAAa;QACf;mBACA;iBACA;QACA,0BAA0B;QAC1B,YAAY;QACZ,aAAa;kBACb;QACA,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/unit-details/modal-panel.ts"],"sourcesContent":["import { Button } from \"@blueprintjs/core\";\nimport { UnitDetailsPanel } from \"./panel\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport h from \"@macrostrat/hyper\";\n\nexport function UnitDetailsPanelWithNavigation(props) {\n  const { unitData, className, selectedUnit, onSelectUnit, features, ...rest } =\n    props;\n\n  const ix = unitData?.findIndex(\n    (unit) => unit.unit_id === selectedUnit?.unit_id,\n  );\n\n  const keyMap = {\n    38: ix - 1,\n    40: ix + 1,\n  };\n\n  useKeyHandler(\n    (event) => {\n      const nextIx = keyMap[event.keyCode];\n      if (nextIx == null || nextIx < 0 || nextIx >= unitData.length) return;\n      onSelectUnit(unitData[nextIx].unit_id);\n      event.stopPropagation();\n    },\n    [unitData, ix],\n  );\n\n  if (selectedUnit == null) return null;\n\n  const actions = h([\n    h(Button, {\n      icon: \"arrow-up\",\n      disabled: ix === 0,\n      onClick() {\n        onSelectUnit(unitData[ix - 1]?.unit_id);\n      },\n    }),\n    h(Button, {\n      icon: \"arrow-down\",\n      disabled: ix === unitData.length - 1,\n      onClick() {\n        onSelectUnit(unitData[ix + 1]?.unit_id);\n      },\n    }),\n  ]);\n\n  return h(UnitDetailsPanel, {\n    unit: selectedUnit,\n    onClose(event) {\n      onSelectUnit(null);\n    },\n    className,\n    actions,\n    showLithologyProportions: true,\n    selectUnit: onSelectUnit,\n    columnUnits: unitData,\n    features,\n    ...rest,\n  });\n}\n"],"names":[],"version":3,"file":"column-views.a5c1bbf0.js.map"}

package/dist/esm/{column-views.b9fe5176.js → column-views.a8926321.js}

@@ -1,4 +1,4 @@
-import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800} from "./column-views.3ba9213d.js";
+import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800} from "./column-views.34a1ac4f.js";
 import {create as $g0ikq$create, useStore as $g0ikq$useStore} from "zustand";
 import {createContext as $g0ikq$createContext, useState as $g0ikq$useState, useMemo as $g0ikq$useMemo, useEffect as $g0ikq$useEffect, useContext as $g0ikq$useContext} from "react";
 import $g0ikq$macrostrathyper from "@macrostrat/hyper";
@@ -78,4 +78,4 @@ function $09486427d129f589$export$642c2b57c47ea41(selector) {
 
 
 export {$09486427d129f589$export$8da3b11f62ebf019 as ColumnNavigationProvider, $09486427d129f589$export$642c2b57c47ea41 as useColumnNavigationStore};
-//# sourceMappingURL=column-views.b9fe5176.js.map
+//# sourceMappingURL=column-views.a8926321.js.map

package/dist/esm/{column-views.b9fe5176.js.map → column-views.a8926321.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAoCA,MAAM,+CAAyB,CAAA,GAAA,oBAAY,EACzC;AAGK,SAAS,0CAAyB,YACvC,QAAQ,WACR,OAAO,aACP,SAAS,kBACT,cAAc,aACd,SAAS,aACT,SAAS,kBACT,cAAc,iBACd,aAAa,EACW;IACxB,MAAM,aAAa,CAAA,GAAA,wCAAiB,EAAE,CAAC,IAAM,EAAE,UAAU;IAEzD,MAAM,CAAC,MAAM,GAAG,CAAA,GAAA,eAAO,EAAE;QACvB,OAAO,CAAA,GAAA,aAAK,EAAmB,CAAC,KAAK;YACnC,OAAO;gBACL,SAAS;gBACT,gBAAgB;gBAChB,eAAe;gBACf,cAAa,QAAuB;oBAClC,IAAI;wBAAE,gBAAgB;wBAAU,eAAe;oBAAK;oBACpD,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,iBAAiB,UAAU;gBAC7B;gBACA,kBAAiB,QAAuB;oBACtC,IAAI;wBAAE,eAAe;oBAAS;oBAC9B,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,gBAAgB,UAAU;gBAC5B;YACF;QACF;IACF;IAEA,mBAAmB;IACnB,iEAAiE,GACjE,+BAA+B;IAC/B,wEAAwE;IACxE,2DAA2D;IAC3D,mDAAmD;IAEnD,IAAI,WAAW,WAAW,CAAA,GAAA,yCAAmB,EAAE,WAAW;IAE1D,8BAA8B;IAC9B,IAAI,WAAW,SAAS,GACtB,WAAW,CAAA,GAAA,cAAM,EAAE;QACjB,OAAO,UAAU,OAAO,CAAC,IAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM;IACvE,GAAG;QAAC;QAAW;KAAS;IAG1B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,SAAS,GACrB,MAAM,QAAQ,CAAC;YAAE,SAAS;4BAAU;QAAe;IAEvD,GAAG;QAAC;KAAS;IACb,qDAAqD;IAErD,6EAA6E;IAC7E,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,gBAAE,YAAY,EAAE,gBAAgB,uBAAuB,EAAE,GAC7D,MAAM,QAAQ;QAChB,IAAI,kBAAkB,yBACpB;QAEF,aAAa;IACf,GAAG;QAAC;KAAe;IAEnB,OAAO,CAAA,GAAA,sBAAA,EAAE,6CAAuB,QAAQ,EAAE;QAAE,OAAO;IAAM,GAAG;AAC9D;AAEO,SAAS,yCACd,QAAyC;IAEzC,MAAM,WAAW,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY,MACd,MAAM,IAAI,MAAM;IAElB,OAAO,CAAA,GAAA,eAAO,EAAE,UAAU;AAC5B","sources":["packages/column-views/src/maps/column-navigation/mapbox/state.ts"],"sourcesContent":["import { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecordWithID } from \"@macrostrat/api-types\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  useMacrostratColumns,\n  useMacrostratStore,\n} from \"../../../data-provider\";\n\nexport interface NavigationStore {\n  columns: ColumnGeoJSONRecordWithID[];\n  selectedColumn: number | null;\n  hoveredColumn: number | null;\n  selectColumn: (columnID: number | null) => void;\n  setHoveredColumn: (columnID: number | null) => void;\n}\n\nexport interface NavigationProviderProps {\n  projectID?: number;\n  inProcess?: boolean;\n  selectedColumn?: number | null;\n  hoveredColumn?: number | null;\n  columns?: ColumnGeoJSONRecordWithID[] | null;\n  columnIDs?: number[] | null;\n  children: ReactNode;\n  onSelectColumn?: (col_id: number | null, column: any) => void;\n  onHoverColumn?: (col_id: number | null, column: any) => void;\n}\n\nconst NavigationStoreContext = createContext<StoreApi<NavigationStore> | null>(\n  null,\n);\n\nexport function ColumnNavigationProvider({\n  children,\n  columns,\n  columnIDs,\n  selectedColumn,\n  projectID,\n  inProcess,\n  onSelectColumn,\n  onHoverColumn,\n}: NavigationProviderProps) {\n  const getColumns = useMacrostratStore((s) => s.getColumns);\n\n  const [store] = useState(() => {\n    return create<NavigationStore>((set, get): NavigationStore => {\n      return {\n        columns: null,\n        selectedColumn: null,\n        hoveredColumn: null,\n        selectColumn(columnID: number | null) {\n          set({ selectedColumn: columnID, hoveredColumn: null });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onSelectColumn?.(columnID, column);\n        },\n        setHoveredColumn(columnID: number | null) {\n          set({ hoveredColumn: columnID });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onHoverColumn?.(columnID, column);\n        },\n      };\n    });\n  });\n\n  // Set up the store\n  /** TODO: unify handling of columns between parts of application */\n  // useAsyncEffect(async () => {\n  //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n  //   store.setState({ columns: _columns, selectedColumn });\n  // }, [projectID, inProcess, columns, getColumns]);\n\n  let _columns = columns ?? useMacrostratColumns(projectID, inProcess);\n\n  // filter columns if specified\n  if (columnIDs?.length > 0) {\n    _columns = useMemo(() => {\n      return _columns?.filter((d) => columnIDs.includes(d.properties.col_id));\n    }, [columnIDs, _columns]);\n  }\n\n  useEffect(() => {\n    if (_columns?.length > 0) {\n      store.setState({ columns: _columns, selectedColumn });\n    }\n  }, [_columns]);\n  // Update selected column if it is changed externally\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  useEffect(() => {\n    const { selectColumn, selectedColumn: _internalSelectedColumn } =\n      store.getState();\n    if (selectedColumn == _internalSelectedColumn) {\n      return;\n    }\n    selectColumn(selectedColumn);\n  }, [selectedColumn]);\n\n  return h(NavigationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useColumnNavigationStore(\n  selector: (state: NavigationStore) => any,\n) {\n  const storeApi = useContext(NavigationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing ColumnNavigationProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n"],"names":[],"version":3,"file":"column-views.b9fe5176.js.map"}
+{"mappings":";;;;;;;;;AAoCA,MAAM,+CAAyB,CAAA,GAAA,oBAAY,EACzC;AAGK,SAAS,0CAAyB,YACvC,QAAQ,WACR,OAAO,aACP,SAAS,kBACT,cAAc,aACd,SAAS,aACT,SAAS,kBACT,cAAc,iBACd,aAAa,EACW;IACxB,MAAM,aAAa,CAAA,GAAA,wCAAiB,EAAE,CAAC,IAAM,EAAE,UAAU;IAEzD,MAAM,CAAC,MAAM,GAAG,CAAA,GAAA,eAAO,EAAE;QACvB,OAAO,CAAA,GAAA,aAAK,EAAmB,CAAC,KAAK;YACnC,OAAO;gBACL,SAAS;gBACT,gBAAgB;gBAChB,eAAe;gBACf,cAAa,QAAuB;oBAClC,IAAI;wBAAE,gBAAgB;wBAAU,eAAe;oBAAK;oBACpD,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,iBAAiB,UAAU;gBAC7B;gBACA,kBAAiB,QAAuB;oBACtC,IAAI;wBAAE,eAAe;oBAAS;oBAC9B,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,gBAAgB,UAAU;gBAC5B;YACF;QACF;IACF;IAEA,mBAAmB;IACnB,iEAAiE,GACjE,+BAA+B;IAC/B,wEAAwE;IACxE,2DAA2D;IAC3D,mDAAmD;IAEnD,IAAI,WAAW,WAAW,CAAA,GAAA,yCAAmB,EAAE,WAAW;IAE1D,8BAA8B;IAC9B,IAAI,WAAW,SAAS,GACtB,WAAW,CAAA,GAAA,cAAM,EAAE;QACjB,OAAO,UAAU,OAAO,CAAC,IAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM;IACvE,GAAG;QAAC;QAAW;KAAS;IAG1B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,SAAS,GACrB,MAAM,QAAQ,CAAC;YAAE,SAAS;4BAAU;QAAe;IAEvD,GAAG;QAAC;KAAS;IACb,qDAAqD;IAErD,6EAA6E;IAC7E,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,gBAAE,YAAY,EAAE,gBAAgB,uBAAuB,EAAE,GAC7D,MAAM,QAAQ;QAChB,IAAI,kBAAkB,yBACpB;QAEF,aAAa;IACf,GAAG;QAAC;KAAe;IAEnB,OAAO,CAAA,GAAA,sBAAA,EAAE,6CAAuB,QAAQ,EAAE;QAAE,OAAO;IAAM,GAAG;AAC9D;AAEO,SAAS,yCACd,QAAyC;IAEzC,MAAM,WAAW,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY,MACd,MAAM,IAAI,MAAM;IAElB,OAAO,CAAA,GAAA,eAAO,EAAE,UAAU;AAC5B","sources":["packages/column-views/src/maps/column-navigation/mapbox/state.ts"],"sourcesContent":["import { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecordWithID } from \"@macrostrat/api-types\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  useMacrostratColumns,\n  useMacrostratStore,\n} from \"../../../data-provider\";\n\nexport interface NavigationStore {\n  columns: ColumnGeoJSONRecordWithID[];\n  selectedColumn: number | null;\n  hoveredColumn: number | null;\n  selectColumn: (columnID: number | null) => void;\n  setHoveredColumn: (columnID: number | null) => void;\n}\n\nexport interface NavigationProviderProps {\n  projectID?: number;\n  inProcess?: boolean;\n  selectedColumn?: number | null;\n  hoveredColumn?: number | null;\n  columns?: ColumnGeoJSONRecordWithID[] | null;\n  columnIDs?: number[] | null;\n  children: ReactNode;\n  onSelectColumn?: (col_id: number | null, column: any) => void;\n  onHoverColumn?: (col_id: number | null, column: any) => void;\n}\n\nconst NavigationStoreContext = createContext<StoreApi<NavigationStore> | null>(\n  null,\n);\n\nexport function ColumnNavigationProvider({\n  children,\n  columns,\n  columnIDs,\n  selectedColumn,\n  projectID,\n  inProcess,\n  onSelectColumn,\n  onHoverColumn,\n}: NavigationProviderProps) {\n  const getColumns = useMacrostratStore((s) => s.getColumns);\n\n  const [store] = useState(() => {\n    return create<NavigationStore>((set, get): NavigationStore => {\n      return {\n        columns: null,\n        selectedColumn: null,\n        hoveredColumn: null,\n        selectColumn(columnID: number | null) {\n          set({ selectedColumn: columnID, hoveredColumn: null });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onSelectColumn?.(columnID, column);\n        },\n        setHoveredColumn(columnID: number | null) {\n          set({ hoveredColumn: columnID });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onHoverColumn?.(columnID, column);\n        },\n      };\n    });\n  });\n\n  // Set up the store\n  /** TODO: unify handling of columns between parts of application */\n  // useAsyncEffect(async () => {\n  //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n  //   store.setState({ columns: _columns, selectedColumn });\n  // }, [projectID, inProcess, columns, getColumns]);\n\n  let _columns = columns ?? useMacrostratColumns(projectID, inProcess);\n\n  // filter columns if specified\n  if (columnIDs?.length > 0) {\n    _columns = useMemo(() => {\n      return _columns?.filter((d) => columnIDs.includes(d.properties.col_id));\n    }, [columnIDs, _columns]);\n  }\n\n  useEffect(() => {\n    if (_columns?.length > 0) {\n      store.setState({ columns: _columns, selectedColumn });\n    }\n  }, [_columns]);\n  // Update selected column if it is changed externally\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  useEffect(() => {\n    const { selectColumn, selectedColumn: _internalSelectedColumn } =\n      store.getState();\n    if (selectedColumn == _internalSelectedColumn) {\n      return;\n    }\n    selectColumn(selectedColumn);\n  }, [selectedColumn]);\n\n  return h(NavigationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useColumnNavigationStore(\n  selector: (state: NavigationStore) => any,\n) {\n  const storeApi = useContext(NavigationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing ColumnNavigationProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n"],"names":[],"version":3,"file":"column-views.a8926321.js.map"}

package/dist/esm/{column-views.e20f6a4b.js → column-views.abe90091.js}

@@ -1,6 +1,6 @@
 import {useDetritalMeasurements as $9f310bd6e88a58bc$export$1b0cf9c36f060135} from "./column-views.05586d1f.js";
 import {useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.1e055ed5.js";
-import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.f13a1d6e.js";
+import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.572b70fd.js";
 import $d4hxx$columnviews2c45a7b5js from "./column-views.2c45a7b5.js";
 import "./column-views.403a7b48.css";
 import {usePlotArea as $d4hxx$usePlotArea, DetritalSpectrumPlot as $d4hxx$DetritalSpectrumPlot, DetritalSeries as $d4hxx$DetritalSeries} from "@macrostrat/data-components";
@@ -121,4 +121,4 @@ function $715dd5fedd79146a$export$f176396e104db8d5({ columnID: columnID, color:
 
 
 export {$715dd5fedd79146a$export$1b3047373cd1c8c7 as DetritalGroup, $715dd5fedd79146a$export$f176396e104db8d5 as DetritalColumn};
-//# sourceMappingURL=column-views.e20f6a4b.js.map
+//# sourceMappingURL=column-views.abe90091.js.map