Timescale click

packages/timescale/CHANGELOG.md

@@ -6,7 +6,11 @@ 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.2.0]
+## [2.2.1] - 2025-07-01
+
+Timescale default intervals include macrostrat `int_id`
+
+## [2.2.0] - 2025-06-01
 
 Timescale now clickable, returns event and interval clicked
 

packages/timescale/src/components/index.ts

@@ -45,7 +45,8 @@ function IntervalBox(props: {
   return h(SizeAwareLabel, {
     key: interval.oid,
     style,
-    className: "interval-box",
+    className:
+      "interval-box " + (onClick && interval.int_id != null ? "clickable" : ""),
     labelClassName: "interval-label",
     label: labelText,
     onVisibilityChanged(viz) {

packages/timescale/src/index.ts

@@ -85,11 +85,7 @@ function Timescale(props: TimescaleProps) {
     [rootInterval, intervals],
   );
 
-  const className = classNames(
-    orientation,
-    "increase-" + increaseDirection,
-    onClick ? "clickable" : null,
-  );
+  const className = classNames(orientation, "increase-" + increaseDirection);
   const length = absoluteAgeScale ? (l ?? 6000) : null;
 
   let ageRange2 = null;