diff --git a/packages/column-views/CHANGELOG.md b/packages/column-views/CHANGELOG.md index 3b247d7c..6dde6b3c 100644 --- a/packages/column-views/CHANGELOG.md +++ b/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 diff --git a/packages/column-views/src/unit-details/panel.module.sass b/packages/column-views/src/unit-details/panel.module.sass index eae62457..15a0b258 100644 --- a/packages/column-views/src/unit-details/panel.module.sass +++ b/packages/column-views/src/unit-details/panel.module.sass @@ -80,3 +80,5 @@ .sep margin: 0 0.3em +.clickable + cursor: pointer \ No newline at end of file diff --git a/packages/column-views/src/unit-details/panel.ts b/packages/column-views/src/unit-details/panel.ts index 1bf6e15d..38affdb9 100644 --- a/packages/column-views/src/unit-details/panel.ts +++ b/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); } }; diff --git a/packages/column-views/stories/unit-details.stories.ts b/packages/column-views/stories/unit-details.stories.ts index 7e84f3fc..a5f9831f 100644 --- a/packages/column-views/stories/unit-details.stories.ts +++ b/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, + }), ); }