Unit details panel clicking

packages/column-views/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. The format
 is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this
 project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.2] - 2025-06-26
+
+- UnitDetailsPanel strat name and interval now clickable
+
 ## [2.1.1] - 2025-06-26
 
 - Remove local reference

packages/column-views/src/unit-details/panel.module.sass

@@ -80,3 +80,5 @@
   .sep
     margin: 0 0.3em
 
+.clickable
+  cursor: pointer

packages/column-views/src/unit-details/panel.ts

@@ -255,7 +255,14 @@ function UnitDetailsContent({
       {
         label: "Stratigraphic name",
       },
-      h("span.strat-name-id", unit.strat_name_id),
+      h(
+        "span",
+        {
+          className: "strat-name-id" + (onClickItem ? " clickable" : ""),
+          onClick: (e) => onClickItem(e, { strat_name_id: unit.strat_name_id }),
+        },
+        unit.strat_name_id,
+      ),
     ),
     outcropField,
     h.if(features.has(UnitDetailsFeature.AdjacentUnits))([
@@ -531,7 +538,7 @@ function IntervalProportions({ unit, onClickItem }) {
 
   const handleClick = (event: MouseEvent) => {
     if (onClickItem) {
-      onClickItem({ event, data: interval0 });
+      onClickItem(event, interval0);
     }
   };
 

packages/column-views/stories/unit-details.stories.ts

@@ -33,7 +33,11 @@ function UnitDetailsExt({
 
   return h(
     LithologiesProvider,
-    h(UnitDetailsPanel, { onClickItem: (e) => console.log(e), unit, ...rest }),
+    h(UnitDetailsPanel, {
+      onClickItem: (e, data) => console.log(data),
+      unit,
+      ...rest,
+    }),
   );
 }