@canopy-iiif/app 1.10.1 → 1.10.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",

package/ui/dist/index.mjs

@@ -46547,6 +46547,15 @@ function ReferencedManifestCard({
 var DAY_MS = 24 * 60 * 60 * 1e3;
 var DEFAULT_TRACK_HEIGHT = 640;
 var MIN_HEIGHT_PER_POINT = 220;
+var SCALE_MODES = {
+  TIME: "time",
+  UNIFORM: "uniform"
+};
+var ALIGN_OPTIONS = {
+  CENTER: "center",
+  LEFT: "left",
+  RIGHT: "right"
+};
 function getThresholdMs(threshold, granularity) {
   const value = Number(threshold);
   if (!Number.isFinite(value) || value <= 0) return 0;
@@ -46736,6 +46745,8 @@ function Timeline({
   locale: localeProp = "en-US",
   height = DEFAULT_TRACK_HEIGHT,
   threshold: thresholdProp = null,
+  scale: scale2 = SCALE_MODES.TIME,
+  align = ALIGN_OPTIONS.CENTER,
   steps = null,
   points: pointsProp,
   __canopyTimeline: payload = null,
@@ -46770,20 +46781,24 @@ function Timeline({
   );
   const spanStart = effectiveRange.startDate.getTime();
   const span = effectiveRange.span;
+  const scaleValue = scale2 === SCALE_MODES.UNIFORM ? SCALE_MODES.UNIFORM : SCALE_MODES.TIME;
+  const useUniformSpacing = scaleValue === SCALE_MODES.UNIFORM;
+  const alignValue = align === ALIGN_OPTIONS.LEFT ? ALIGN_OPTIONS.LEFT : align === ALIGN_OPTIONS.RIGHT ? ALIGN_OPTIONS.RIGHT : ALIGN_OPTIONS.CENTER;
+  const enforcedSide = alignValue === ALIGN_OPTIONS.LEFT ? "right" : alignValue === ALIGN_OPTIONS.RIGHT ? "left" : null;
   const pointsWithPosition = React41.useMemo(() => {
     if (!sanitizedPoints.length) return [];
     return sanitizedPoints.map((point2, index) => {
       const timestamp = point2.meta.timestamp;
       const fallbackProgress = sanitizedPoints.length > 1 ? index / (sanitizedPoints.length - 1) : 0;
-      const progress = Number.isFinite(timestamp) ? clampProgress((timestamp - spanStart) / span) : fallbackProgress;
-      const side = point2.side || (index % 2 === 0 ? "left" : "right");
+      const progress = useUniformSpacing ? fallbackProgress : Number.isFinite(timestamp) ? clampProgress((timestamp - spanStart) / span) : fallbackProgress;
+      const side = enforcedSide || point2.side || (index % 2 === 0 ? "left" : "right");
       return {
         ...point2,
         progress,
         side
       };
     });
-  }, [sanitizedPoints, spanStart, span]);
+  }, [sanitizedPoints, spanStart, span, useUniformSpacing, enforcedSide]);
   const [activeId, setActiveId] = React41.useState(
     () => getActivePointId(pointsWithPosition)
   );
@@ -46830,7 +46845,11 @@ function Timeline({
     });
   }, []);
   const trackHeight = resolveTrackHeight(height, pointsWithPosition.length);
-  const containerClasses = ["canopy-timeline", className].filter(Boolean).join(" ");
+  const containerClasses = [
+    "canopy-timeline",
+    alignValue ? `canopy-timeline--align-${alignValue}` : "",
+    className
+  ].filter(Boolean).join(" ");
   const rangeLabel = formatRangeLabel(effectiveRange);
   function renderPointEntry(point2) {
     if (!point2) return null;