react-native-agenda-kit 0.1.0

package/lib/module/timeline/DayPager.js

@@ -0,0 +1,245 @@
+"use strict";
+
+/**
+ * Day columns, paged horizontally across the SELECTABLE days (the range is padded to whole weeks;
+ * a swipe must not land on padding). Column `i` sits at `(i − minIndex) · width`; only the centre
+ * and its neighbours are mounted. Content stacking is the library's: bands → lines → events.
+ *
+ * The doctor's swipe commits at MOMENTUM END as `origin: 'timeline'`, which this pager ignores.
+ * Any other move animates to a mounted neighbour, or mounts the destination first (keeping the
+ * current columns), jumps once it exists, and releases the old columns on the first scroll there.
+ *
+ * `contentOffset` is read once: the native ScrollView re-applies it whenever its value changes, so
+ * a width-derived offset per render would throw the pager back to the day it opened on.
+ */
+
+import { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
+import { runOnJS, scheduleOnUI } from 'react-native-worklets';
+import { useCalendarContext } from "../core/CalendarContext.js";
+import { clampIndex, dayIndexOf, ymdAt } from "../core/dateKey.js";
+import { DayBands, DayEvents } from "./DayColumn.js";
+import { ColumnLines } from "./GridLines.js";
+import { NowKnob, useNowMinutesSV } from "./NowIndicator.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const offsetOfIndex = (idx, minIndex, width) => {
+  'worklet';
+
+  return (idx - minIndex) * width;
+};
+const indexAtOffset = (x, minIndex, width) => {
+  'worklet';
+
+  return minIndex + Math.round(x / width);
+};
+const DayPagerInner = ({
+  left,
+  width,
+  height,
+  events,
+  availableHoursFor,
+  bandColor,
+  hourHeight,
+  overlapEventsSpacing,
+  rightEdgeSpacing,
+  renderEvent,
+  onEventPress,
+  showNowIndicator
+}) => {
+  const {
+    range,
+    store,
+    dateRef,
+    commitDate
+  } = useCalendarContext();
+  const listRef = useAnimatedRef();
+
+  // Plain numbers for the worklets: a captured `range` would be frozen in dev.
+  const {
+    minIndex,
+    maxIndex,
+    todayIndex
+  } = range;
+  const pageCount = maxIndex - minIndex + 1;
+  const todayPage = todayIndex >= minIndex && todayIndex <= maxIndex ? todayIndex - minIndex : -1;
+  const showNow = showNowIndicator && todayPage >= 0;
+  const nowMinutes = useNowMinutesSV(showNow);
+  const [initialCenter] = useState(() => clampIndex(range, dayIndexOf(range, dateRef.current)));
+  const [initialOffset] = useState(() => ({
+    x: offsetOfIndex(initialCenter, minIndex, width),
+    y: 0
+  }));
+  const [center, setCenter] = useState(initialCenter);
+  const [jumpFrom, setJumpFrom] = useState(null);
+  const pendingX = useRef(null);
+  const centerSV = useSharedValue(initialCenter);
+  const widthSV = useSharedValue(width);
+  const scrollX = useSharedValue(initialOffset.x);
+  const userDriven = useSharedValue(0);
+  const ready = useSharedValue(0);
+  const releaseAtX = useSharedValue(-1);
+
+  // Every column just moved: land back on the day that was showing.
+  useEffect(() => {
+    scheduleOnUI(() => {
+      'worklet';
+
+      if (widthSV.value === width) return;
+      widthSV.value = width;
+      const x = offsetOfIndex(centerSV.value, minIndex, width);
+      scrollX.value = x;
+      scrollTo(listRef, x, 0, false);
+    });
+  }, [centerSV, listRef, minIndex, scrollX, width, widthSV]);
+
+  /** The doctor's swipe settled on a new day. */
+  const onSwipeSettled = useCallback(idx => {
+    setCenter(idx);
+    commitDate(idx, 'listDrag', 'timeline');
+  }, [commitDate]);
+  const prepareJump = useCallback((idx, x) => {
+    pendingX.current = x;
+    setJumpFrom(centerSV.value);
+    setCenter(idx);
+  }, [centerSV]);
+  const releaseJump = useCallback(() => setJumpFrom(null), []);
+
+  // The destination columns are committed: land on them.
+  useLayoutEffect(() => {
+    const x = pendingX.current;
+    if (x === null) return;
+    pendingX.current = null;
+    centerSV.value = center;
+    scheduleOnUI(() => {
+      'worklet';
+
+      releaseAtX.value = x;
+      userDriven.value = 0;
+      scrollX.value = x;
+      scrollTo(listRef, x, 0, false);
+    });
+  }, [center, centerSV, listRef, releaseAtX, scrollX, userDriven]);
+  useAnimatedReaction(() => store.move.value, (m, prev) => {
+    if (!prev || m.seq === prev.seq || m.origin === 'timeline') return;
+    if (ready.value === 0) return;
+    const idx = m.idx < minIndex ? minIndex : m.idx > maxIndex ? maxIndex : m.idx;
+    const x = offsetOfIndex(idx, minIndex, widthSV.value);
+    userDriven.value = 0;
+    if (Math.abs(idx - centerSV.value) <= 1) {
+      scrollTo(listRef, x, 0, m.animated);
+      if (idx !== centerSV.value) {
+        centerSV.value = idx;
+        runOnJS(setCenter)(idx);
+      }
+      return;
+    }
+    runOnJS(prepareJump)(idx, x);
+  });
+  const onScroll = useAnimatedScrollHandler({
+    onScroll: e => {
+      scrollX.value = e.contentOffset.x;
+      if (releaseAtX.value >= 0 && Math.abs(e.contentOffset.x - releaseAtX.value) < 1) {
+        releaseAtX.value = -1;
+        runOnJS(releaseJump)();
+      }
+    },
+    onBeginDrag: () => {
+      userDriven.value = 1;
+    },
+    onMomentumEnd: e => {
+      const idx = indexAtOffset(e.contentOffset.x, minIndex, widthSV.value);
+      const wasUser = userDriven.value === 1;
+      userDriven.value = 0;
+      if (!wasUser || idx === centerSV.value) return;
+      // This pager owns the position while the doctor swipes it, so it writes
+      // the UI-thread date itself; `commitDate` deliberately does not.
+      store.dayIndex.value = idx;
+      centerSV.value = idx;
+      runOnJS(onSwipeSettled)(idx);
+    }
+  });
+  const onLayout = useCallback(() => {
+    ready.value = 1;
+  }, [ready]);
+  const layers = useMemo(() => {
+    const bands = [];
+    const dayEvents = [];
+    const lo = jumpFrom === null || center <= jumpFrom ? center : jumpFrom;
+    const hi = jumpFrom === null || center >= jumpFrom ? center : jumpFrom;
+    let last = minIndex - 1;
+    // Two ascending 3-day windows; starting past `last` skips the days they share.
+    for (let pass = 0; pass < 2; pass += 1) {
+      const c = pass === 0 ? lo : hi;
+      for (let i = Math.max(c - 1, last + 1); i <= c + 1 && i <= maxIndex; i += 1) {
+        last = i;
+        const ymd = ymdAt(range, i);
+        const colLeft = offsetOfIndex(i, minIndex, width);
+        bands.push(/*#__PURE__*/_jsx(DayBands, {
+          left: colLeft,
+          width: width,
+          availableHours: availableHoursFor(ymd),
+          color: bandColor,
+          hourHeight: hourHeight
+        }, ymd));
+        dayEvents.push(/*#__PURE__*/_jsx(DayEvents, {
+          left: colLeft,
+          width: width,
+          events: events[ymd],
+          hourHeight: hourHeight,
+          overlapEventsSpacing: overlapEventsSpacing,
+          rightEdgeSpacing: rightEdgeSpacing,
+          renderEvent: renderEvent,
+          onEventPress: onEventPress,
+          nowMinutes: showNow && i === todayIndex ? nowMinutes : undefined
+        }, ymd));
+      }
+    }
+    return {
+      bands,
+      dayEvents
+    };
+  }, [availableHoursFor, bandColor, center, events, hourHeight, jumpFrom, maxIndex, minIndex, nowMinutes, onEventPress, overlapEventsSpacing, range, renderEvent, rightEdgeSpacing, showNow, todayIndex, width]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Animated.ScrollView, {
+      ref: listRef,
+      horizontal: true,
+      pagingEnabled: true,
+      nestedScrollEnabled: true,
+      showsHorizontalScrollIndicator: false,
+      onScroll: onScroll,
+      scrollEventThrottle: 16,
+      contentOffset: initialOffset,
+      onLayout: onLayout,
+      style: [styles.pager, {
+        left,
+        width,
+        height
+      }],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          width: pageCount * width,
+          height
+        },
+        children: [layers.bands, /*#__PURE__*/_jsx(ColumnLines, {
+          hourHeight: hourHeight
+        }), layers.dayEvents]
+      })
+    }), showNow ? /*#__PURE__*/_jsx(NowKnob, {
+      left: left,
+      hourHeight: hourHeight,
+      minutes: nowMinutes,
+      page: todayPage,
+      pageWidth: widthSV,
+      scrollX: scrollX
+    }) : null]
+  });
+};
+export const DayPager = /*#__PURE__*/memo(DayPagerInner);
+const styles = StyleSheet.create({
+  pager: {
+    position: 'absolute',
+    top: 0
+  }
+});
+//# sourceMappingURL=DayPager.js.map

package/lib/module/timeline/DayPager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","StyleSheet","View","Animated","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","runOnJS","scheduleOnUI","useCalendarContext","clampIndex","dayIndexOf","ymdAt","DayBands","DayEvents","ColumnLines","NowKnob","useNowMinutesSV","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","offsetOfIndex","idx","minIndex","width","indexAtOffset","x","Math","round","DayPagerInner","left","height","events","availableHoursFor","bandColor","hourHeight","overlapEventsSpacing","rightEdgeSpacing","renderEvent","onEventPress","showNowIndicator","range","store","dateRef","commitDate","listRef","maxIndex","todayIndex","pageCount","todayPage","showNow","nowMinutes","initialCenter","current","initialOffset","y","center","setCenter","jumpFrom","setJumpFrom","pendingX","centerSV","widthSV","scrollX","userDriven","ready","releaseAtX","value","onSwipeSettled","prepareJump","releaseJump","move","m","prev","seq","origin","abs","animated","onScroll","e","contentOffset","onBeginDrag","onMomentumEnd","wasUser","dayIndex","onLayout","layers","bands","dayEvents","lo","hi","last","pass","c","i","max","ymd","colLeft","push","availableHours","color","undefined","children","ScrollView","ref","horizontal","pagingEnabled","nestedScrollEnabled","showsHorizontalScrollIndicator","scrollEventThrottle","style","styles","pager","minutes","page","pageWidth","DayPager","create","position","top"],"sourceRoot":"../../../src","sources":["timeline/DayPager.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEH,OAAO;AACd,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IACbC,QAAQ,EACRC,mBAAmB,EACnBC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,QACT,yBAAyB;AAChC,SAASC,OAAO,EAAEC,YAAY,QAAQ,uBAAuB;AAC7D,SAASC,kBAAkB,QAAQ,4BAAyB;AAC5D,SAASC,UAAU,EAAEC,UAAU,EAAEC,KAAK,QAAQ,oBAAiB;AAE/D,SAASC,QAAQ,EAAEC,SAAS,QAAQ,gBAAa;AACjD,SAASC,WAAW,QAAQ,gBAAa;AACzC,SAASC,OAAO,EAAEC,eAAe,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE1D,MAAMC,aAAa,GAAGA,CAACC,GAAW,EAAEC,QAAgB,EAAEC,KAAa,KAAa;EAC9E,SAAS;;EACT,OAAO,CAACF,GAAG,GAAGC,QAAQ,IAAIC,KAAK;AACjC,CAAC;AAED,MAAMC,aAAa,GAAGA,CAACC,CAAS,EAAEH,QAAgB,EAAEC,KAAa,KAAa;EAC5E,SAAS;;EACT,OAAOD,QAAQ,GAAGI,IAAI,CAACC,KAAK,CAACF,CAAC,GAAGF,KAAK,CAAC;AACzC,CAAC;AAiBD,MAAMK,aAAa,GAAGA,CAA0B;EAC9CC,IAAI;EACJN,KAAK;EACLO,MAAM;EACNC,MAAM;EACNC,iBAAiB;EACjBC,SAAS;EACTC,UAAU;EACVC,oBAAoB;EACpBC,gBAAgB;EAChBC,WAAW;EACXC,YAAY;EACZC;AACQ,CAAC,KAAK;EACd,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAGtC,kBAAkB,CAAC,CAAC;EAClE,MAAMuC,OAAO,GAAG5C,cAAc,CAAsB,CAAC;;EAErD;EACA,MAAM;IAAEsB,QAAQ;IAAEuB,QAAQ;IAAEC;EAAW,CAAC,GAAGN,KAAK;EAChD,MAAMO,SAAS,GAAGF,QAAQ,GAAGvB,QAAQ,GAAG,CAAC;EACzC,MAAM0B,SAAS,GAAGF,UAAU,IAAIxB,QAAQ,IAAIwB,UAAU,IAAID,QAAQ,GAAGC,UAAU,GAAGxB,QAAQ,GAAG,CAAC,CAAC;EAC/F,MAAM2B,OAAO,GAAGV,gBAAgB,IAAIS,SAAS,IAAI,CAAC;EAClD,MAAME,UAAU,GAAGrC,eAAe,CAACoC,OAAO,CAAC;EAE3C,MAAM,CAACE,aAAa,CAAC,GAAGzD,QAAQ,CAAC,MAAMY,UAAU,CAACkC,KAAK,EAAEjC,UAAU,CAACiC,KAAK,EAAEE,OAAO,CAACU,OAAO,CAAC,CAAC,CAAC;EAC7F,MAAM,CAACC,aAAa,CAAC,GAAG3D,QAAQ,CAAC,OAAO;IAAE+B,CAAC,EAAEL,aAAa,CAAC+B,aAAa,EAAE7B,QAAQ,EAAEC,KAAK,CAAC;IAAE+B,CAAC,EAAE;EAAE,CAAC,CAAC,CAAC;EACpG,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG9D,QAAQ,CAACyD,aAAa,CAAC;EACnD,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGhE,QAAQ,CAAgB,IAAI,CAAC;EAC7D,MAAMiE,QAAQ,GAAGlE,MAAM,CAAgB,IAAI,CAAC;EAE5C,MAAMmE,QAAQ,GAAG1D,cAAc,CAACiD,aAAa,CAAC;EAC9C,MAAMU,OAAO,GAAG3D,cAAc,CAACqB,KAAK,CAAC;EACrC,MAAMuC,OAAO,GAAG5D,cAAc,CAACmD,aAAa,CAAC5B,CAAC,CAAC;EAC/C,MAAMsC,UAAU,GAAG7D,cAAc,CAAC,CAAC,CAAC;EACpC,MAAM8D,KAAK,GAAG9D,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAM+D,UAAU,GAAG/D,cAAc,CAAC,CAAC,CAAC,CAAC;;EAErC;EACAZ,SAAS,CAAC,MAAM;IACdc,YAAY,CAAC,MAAM;MACjB,SAAS;;MACT,IAAIyD,OAAO,CAACK,KAAK,KAAK3C,KAAK,EAAE;MAC7BsC,OAAO,CAACK,KAAK,GAAG3C,KAAK;MACrB,MAAME,CAAC,GAAGL,aAAa,CAACwC,QAAQ,CAACM,KAAK,EAAE5C,QAAQ,EAAEC,KAAK,CAAC;MACxDuC,OAAO,CAACI,KAAK,GAAGzC,CAAC;MACjB3B,QAAQ,CAAC8C,OAAO,EAAEnB,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACmC,QAAQ,EAAEhB,OAAO,EAAEtB,QAAQ,EAAEwC,OAAO,EAAEvC,KAAK,EAAEsC,OAAO,CAAC,CAAC;;EAE1D;EACA,MAAMM,cAAc,GAAG9E,WAAW,CAC/BgC,GAAW,IAAK;IACfmC,SAAS,CAACnC,GAAG,CAAC;IACdsB,UAAU,CAACtB,GAAG,EAAE,UAAU,EAAE,UAAU,CAAC;EACzC,CAAC,EACD,CAACsB,UAAU,CACb,CAAC;EAED,MAAMyB,WAAW,GAAG/E,WAAW,CAC7B,CAACgC,GAAW,EAAEI,CAAS,KAAK;IAC1BkC,QAAQ,CAACP,OAAO,GAAG3B,CAAC;IACpBiC,WAAW,CAACE,QAAQ,CAACM,KAAK,CAAC;IAC3BV,SAAS,CAACnC,GAAG,CAAC;EAChB,CAAC,EACD,CAACuC,QAAQ,CACX,CAAC;EAED,MAAMS,WAAW,GAAGhF,WAAW,CAAC,MAAMqE,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;;EAE5D;EACAnE,eAAe,CAAC,MAAM;IACpB,MAAMkC,CAAC,GAAGkC,QAAQ,CAACP,OAAO;IAC1B,IAAI3B,CAAC,KAAK,IAAI,EAAE;IAChBkC,QAAQ,CAACP,OAAO,GAAG,IAAI;IACvBQ,QAAQ,CAACM,KAAK,GAAGX,MAAM;IACvBnD,YAAY,CAAC,MAAM;MACjB,SAAS;;MACT6D,UAAU,CAACC,KAAK,GAAGzC,CAAC;MACpBsC,UAAU,CAACG,KAAK,GAAG,CAAC;MACpBJ,OAAO,CAACI,KAAK,GAAGzC,CAAC;MACjB3B,QAAQ,CAAC8C,OAAO,EAAEnB,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC8B,MAAM,EAAEK,QAAQ,EAAEhB,OAAO,EAAEqB,UAAU,EAAEH,OAAO,EAAEC,UAAU,CAAC,CAAC;EAEhEhE,mBAAmB,CACjB,MAAM0C,KAAK,CAAC6B,IAAI,CAACJ,KAAK,EACtB,CAACK,CAAC,EAAEC,IAAI,KAAK;IACX,IAAI,CAACA,IAAI,IAAID,CAAC,CAACE,GAAG,KAAKD,IAAI,CAACC,GAAG,IAAIF,CAAC,CAACG,MAAM,KAAK,UAAU,EAAE;IAC5D,IAAIV,KAAK,CAACE,KAAK,KAAK,CAAC,EAAE;IACvB,MAAM7C,GAAG,GAAGkD,CAAC,CAAClD,GAAG,GAAGC,QAAQ,GAAGA,QAAQ,GAAGiD,CAAC,CAAClD,GAAG,GAAGwB,QAAQ,GAAGA,QAAQ,GAAG0B,CAAC,CAAClD,GAAG;IAC7E,MAAMI,CAAC,GAAGL,aAAa,CAACC,GAAG,EAAEC,QAAQ,EAAEuC,OAAO,CAACK,KAAK,CAAC;IACrDH,UAAU,CAACG,KAAK,GAAG,CAAC;IACpB,IAAIxC,IAAI,CAACiD,GAAG,CAACtD,GAAG,GAAGuC,QAAQ,CAACM,KAAK,CAAC,IAAI,CAAC,EAAE;MACvCpE,QAAQ,CAAC8C,OAAO,EAAEnB,CAAC,EAAE,CAAC,EAAE8C,CAAC,CAACK,QAAQ,CAAC;MACnC,IAAIvD,GAAG,KAAKuC,QAAQ,CAACM,KAAK,EAAE;QAC1BN,QAAQ,CAACM,KAAK,GAAG7C,GAAG;QACpBlB,OAAO,CAACqD,SAAS,CAAC,CAACnC,GAAG,CAAC;MACzB;MACA;IACF;IACAlB,OAAO,CAACiE,WAAW,CAAC,CAAC/C,GAAG,EAAEI,CAAC,CAAC;EAC9B,CACF,CAAC;EAED,MAAMoD,QAAQ,GAAG5E,wBAAwB,CAAC;IACxC4E,QAAQ,EAAGC,CAAC,IAAK;MACfhB,OAAO,CAACI,KAAK,GAAGY,CAAC,CAACC,aAAa,CAACtD,CAAC;MACjC,IAAIwC,UAAU,CAACC,KAAK,IAAI,CAAC,IAAIxC,IAAI,CAACiD,GAAG,CAACG,CAAC,CAACC,aAAa,CAACtD,CAAC,GAAGwC,UAAU,CAACC,KAAK,CAAC,GAAG,CAAC,EAAE;QAC/ED,UAAU,CAACC,KAAK,GAAG,CAAC,CAAC;QACrB/D,OAAO,CAACkE,WAAW,CAAC,CAAC,CAAC;MACxB;IACF,CAAC;IACDW,WAAW,EAAEA,CAAA,KAAM;MACjBjB,UAAU,CAACG,KAAK,GAAG,CAAC;IACtB,CAAC;IACDe,aAAa,EAAGH,CAAC,IAAK;MACpB,MAAMzD,GAAG,GAAGG,aAAa,CAACsD,CAAC,CAACC,aAAa,CAACtD,CAAC,EAAEH,QAAQ,EAAEuC,OAAO,CAACK,KAAK,CAAC;MACrE,MAAMgB,OAAO,GAAGnB,UAAU,CAACG,KAAK,KAAK,CAAC;MACtCH,UAAU,CAACG,KAAK,GAAG,CAAC;MACpB,IAAI,CAACgB,OAAO,IAAI7D,GAAG,KAAKuC,QAAQ,CAACM,KAAK,EAAE;MACxC;MACA;MACAzB,KAAK,CAAC0C,QAAQ,CAACjB,KAAK,GAAG7C,GAAG;MAC1BuC,QAAQ,CAACM,KAAK,GAAG7C,GAAG;MACpBlB,OAAO,CAACgE,cAAc,CAAC,CAAC9C,GAAG,CAAC;IAC9B;EACF,CAAC,CAAC;EAEF,MAAM+D,QAAQ,GAAG/F,WAAW,CAAC,MAAM;IACjC2E,KAAK,CAACE,KAAK,GAAG,CAAC;EACjB,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEX,MAAMqB,MAAM,GAAG7F,OAAO,CAAC,MAAM;IAC3B,MAAM8F,KAAqB,GAAG,EAAE;IAChC,MAAMC,SAAyB,GAAG,EAAE;IACpC,MAAMC,EAAE,GAAG/B,QAAQ,KAAK,IAAI,IAAIF,MAAM,IAAIE,QAAQ,GAAGF,MAAM,GAAGE,QAAQ;IACtE,MAAMgC,EAAE,GAAGhC,QAAQ,KAAK,IAAI,IAAIF,MAAM,IAAIE,QAAQ,GAAGF,MAAM,GAAGE,QAAQ;IACtE,IAAIiC,IAAI,GAAGpE,QAAQ,GAAG,CAAC;IACvB;IACA,KAAK,IAAIqE,IAAI,GAAG,CAAC,EAAEA,IAAI,GAAG,CAAC,EAAEA,IAAI,IAAI,CAAC,EAAE;MACtC,MAAMC,CAAC,GAAGD,IAAI,KAAK,CAAC,GAAGH,EAAE,GAAGC,EAAE;MAC9B,KAAK,IAAII,CAAC,GAAGnE,IAAI,CAACoE,GAAG,CAACF,CAAC,GAAG,CAAC,EAAEF,IAAI,GAAG,CAAC,CAAC,EAAEG,CAAC,IAAID,CAAC,GAAG,CAAC,IAAIC,CAAC,IAAIhD,QAAQ,EAAEgD,CAAC,IAAI,CAAC,EAAE;QAC3EH,IAAI,GAAGG,CAAC;QACR,MAAME,GAAG,GAAGvF,KAAK,CAACgC,KAAK,EAAEqD,CAAC,CAAC;QAC3B,MAAMG,OAAO,GAAG5E,aAAa,CAACyE,CAAC,EAAEvE,QAAQ,EAAEC,KAAK,CAAC;QACjD+D,KAAK,CAACW,IAAI,cACRlF,IAAA,CAACN,QAAQ;UAEPoB,IAAI,EAAEmE,OAAQ;UACdzE,KAAK,EAAEA,KAAM;UACb2E,cAAc,EAAElE,iBAAiB,CAAC+D,GAAG,CAAE;UACvCI,KAAK,EAAElE,SAAU;UACjBC,UAAU,EAAEA;QAAW,GALlB6D,GAMN,CACH,CAAC;QACDR,SAAS,CAACU,IAAI,cACZlF,IAAA,CAACL,SAAS;UAERmB,IAAI,EAAEmE,OAAQ;UACdzE,KAAK,EAAEA,KAAM;UACbQ,MAAM,EAAEA,MAAM,CAACgE,GAAG,CAAE;UACpB7D,UAAU,EAAEA,UAAW;UACvBC,oBAAoB,EAAEA,oBAAqB;UAC3CC,gBAAgB,EAAEA,gBAAiB;UACnCC,WAAW,EAAEA,WAAY;UACzBC,YAAY,EAAEA,YAAa;UAC3BY,UAAU,EAAED,OAAO,IAAI4C,CAAC,KAAK/C,UAAU,GAAGI,UAAU,GAAGkD;QAAU,GAT5DL,GAUN,CACH,CAAC;MACH;IACF;IACA,OAAO;MAAET,KAAK;MAAEC;IAAU,CAAC;EAC7B,CAAC,EAAE,CACDvD,iBAAiB,EACjBC,SAAS,EACTsB,MAAM,EACNxB,MAAM,EACNG,UAAU,EACVuB,QAAQ,EACRZ,QAAQ,EACRvB,QAAQ,EACR4B,UAAU,EACVZ,YAAY,EACZH,oBAAoB,EACpBK,KAAK,EACLH,WAAW,EACXD,gBAAgB,EAChBa,OAAO,EACPH,UAAU,EACVvB,KAAK,CACN,CAAC;EAEF,oBACEN,KAAA,CAAAE,SAAA;IAAAkF,QAAA,gBACEtF,IAAA,CAAClB,QAAQ,CAACyG,UAAU;MAClBC,GAAG,EAAE3D,OAAQ;MACb4D,UAAU;MACVC,aAAa;MACbC,mBAAmB;MACnBC,8BAA8B,EAAE,KAAM;MACtC9B,QAAQ,EAAEA,QAAS;MACnB+B,mBAAmB,EAAE,EAAG;MACxB7B,aAAa,EAAE1B,aAAc;MAC7B+B,QAAQ,EAAEA,QAAS;MACnByB,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAE;QAAElF,IAAI;QAAEN,KAAK;QAAEO;MAAO,CAAC,CAAE;MAAAuE,QAAA,eAE/CpF,KAAA,CAACrB,IAAI;QAACiH,KAAK,EAAE;UAAEtF,KAAK,EAAEwB,SAAS,GAAGxB,KAAK;UAAEO;QAAO,CAAE;QAAAuE,QAAA,GAC/ChB,MAAM,CAACC,KAAK,eACbvE,IAAA,CAACJ,WAAW;UAACuB,UAAU,EAAEA;QAAW,CAAE,CAAC,EACtCmD,MAAM,CAACE,SAAS;MAAA,CACb;IAAC,CACY,CAAC,EACrBtC,OAAO,gBACNlC,IAAA,CAACH,OAAO;MACNiB,IAAI,EAAEA,IAAK;MACXK,UAAU,EAAEA,UAAW;MACvB8E,OAAO,EAAE9D,UAAW;MACpB+D,IAAI,EAAEjE,SAAU;MAChBkE,SAAS,EAAErD,OAAQ;MACnBC,OAAO,EAAEA;IAAQ,CAClB,CAAC,GACA,IAAI;EAAA,CACR,CAAC;AAEP,CAAC;AAED,OAAO,MAAMqD,QAAQ,gBAAG/H,IAAI,CAACwC,aAAa,CAAyB;AAEnE,MAAMkF,MAAM,GAAGnH,UAAU,CAACyH,MAAM,CAAC;EAC/BL,KAAK,EAAE;IAAEM,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE;EAAE;AACxC,CAAC,CAAC","ignoreList":[]}

package/lib/module/timeline/EventBlock.js

@@ -0,0 +1,87 @@
+"use strict";
+
+/**
+ * One packed event: the library's `EventBlock` container (absolute, `minHeight: 25`, padding 4/5,
+ * 0.9 opacity when pressed) around the caller's `renderEvent`. The fill is the event's own colour,
+ * else the soft accent token; the hairline ring gives a pastel block an edge on the dark palette
+ *.
+ */
+
+import { useKitStyles } from "../theme/index.js";
+import { FONT_SIZE, RADIUS } from "../theme/tokens.js";
+import { memo, useCallback, useMemo } from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import { KitText } from "../core/KitText.js";
+import { EVENT_MIN_HEIGHT } from "./timelineGeometry.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const EventBlockInner = ({
+  event,
+  renderEvent,
+  onPress
+}) => {
+  const styles = useKitStyles(makeStyles);
+  const handlePress = useCallback(() => onPress?.(event), [event, onPress]);
+  const {
+    color,
+    left,
+    top,
+    width,
+    height
+  } = event;
+  const blockStyle = useMemo(() => {
+    const rest = [styles.block, color ? {
+      backgroundColor: color
+    } : styles.blockDefault, {
+      left,
+      top,
+      width,
+      height
+    }];
+    const pressed = [rest, styles.pressed];
+    return {
+      rest,
+      pressed
+    };
+  }, [color, height, left, styles, top, width]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: handlePress,
+    style: ({
+      pressed
+    }) => pressed ? blockStyle.pressed : blockStyle.rest,
+    children: renderEvent ? renderEvent(event) : /*#__PURE__*/_jsx(KitText, {
+      style: styles.title,
+      numberOfLines: 1,
+      children: event.title
+    })
+  });
+};
+export const EventBlock = /*#__PURE__*/memo(EventBlockInner);
+const makeStyles = ({
+  colors,
+  fonts
+}) => StyleSheet.create({
+  block: {
+    position: 'absolute',
+    minHeight: EVENT_MIN_HEIGHT,
+    paddingLeft: 4,
+    paddingTop: 5,
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    overflow: 'hidden',
+    borderRadius: RADIUS.inner,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: colors.border
+  },
+  blockDefault: {
+    backgroundColor: colors.accentSoft
+  },
+  pressed: {
+    opacity: 0.9
+  },
+  title: {
+    fontFamily: fonts.semiBold,
+    fontSize: FONT_SIZE.xs,
+    color: colors.text
+  }
+});
+//# sourceMappingURL=EventBlock.js.map

package/lib/module/timeline/EventBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKitStyles","FONT_SIZE","RADIUS","memo","useCallback","useMemo","Pressable","StyleSheet","KitText","EVENT_MIN_HEIGHT","jsx","_jsx","EventBlockInner","event","renderEvent","onPress","styles","makeStyles","handlePress","color","left","top","width","height","blockStyle","rest","block","backgroundColor","blockDefault","pressed","style","children","title","numberOfLines","EventBlock","colors","fonts","create","position","minHeight","paddingLeft","paddingTop","flexDirection","alignItems","overflow","borderRadius","inner","borderWidth","hairlineWidth","borderColor","border","accentSoft","opacity","fontFamily","semiBold","fontSize","xs","text"],"sourceRoot":"../../../src","sources":["timeline/EventBlock.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,YAAY,QAA2B,mBAAU;AAC1D,SAASC,SAAS,EAAEC,MAAM,QAAQ,oBAAiB;AACnD,SAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAA2B,OAAO;AACrE,SAASC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AACpF,SAASC,OAAO,QAAQ,oBAAiB;AAEzC,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtD,MAAMC,eAAe,GAAGA,CAA0B;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAkB,CAAC,KAAK;EAC9F,MAAMC,MAAM,GAAGhB,YAAY,CAACiB,UAAU,CAAC;EACvC,MAAMC,WAAW,GAAGd,WAAW,CAAC,MAAMW,OAAO,GAAGF,KAAK,CAAC,EAAE,CAACA,KAAK,EAAEE,OAAO,CAAC,CAAC;EAEzE,MAAM;IAAEI,KAAK;IAAEC,IAAI;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGV,KAAK;EACjD,MAAMW,UAAU,GAAGnB,OAAO,CAAC,MAAM;IAC/B,MAAMoB,IAA0B,GAAG,CACjCT,MAAM,CAACU,KAAK,EACZP,KAAK,GAAG;MAAEQ,eAAe,EAAER;IAAM,CAAC,GAAGH,MAAM,CAACY,YAAY,EACxD;MAAER,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC;IAAO,CAAC,CAC7B;IACD,MAAMM,OAA6B,GAAG,CAACJ,IAAI,EAAET,MAAM,CAACa,OAAO,CAAC;IAC5D,OAAO;MAAEJ,IAAI;MAAEI;IAAQ,CAAC;EAC1B,CAAC,EAAE,CAACV,KAAK,EAAEI,MAAM,EAAEH,IAAI,EAAEJ,MAAM,EAAEK,GAAG,EAAEC,KAAK,CAAC,CAAC;EAE7C,oBACEX,IAAA,CAACL,SAAS;IACRS,OAAO,EAAEG,WAAY;IACrBY,KAAK,EAAEA,CAAC;MAAED;IAAQ,CAAC,KAAMA,OAAO,GAAGL,UAAU,CAACK,OAAO,GAAGL,UAAU,CAACC,IAAM;IAAAM,QAAA,EAExEjB,WAAW,GACVA,WAAW,CAACD,KAAK,CAAC,gBAElBF,IAAA,CAACH,OAAO;MAACsB,KAAK,EAAEd,MAAM,CAACgB,KAAM;MAACC,aAAa,EAAE,CAAE;MAAAF,QAAA,EAC5ClB,KAAK,CAACmB;IAAK,CACL;EACV,CACQ,CAAC;AAEhB,CAAC;AAED,OAAO,MAAME,UAAU,gBAAG/B,IAAI,CAACS,eAAe,CAA2B;AAEzE,MAAMK,UAAU,GAAGA,CAAC;EAAEkB,MAAM;EAAEC;AAAoB,CAAC,KACjD7B,UAAU,CAAC8B,MAAM,CAAC;EAChBX,KAAK,EAAE;IACLY,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE9B,gBAAgB;IAC3B+B,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE3C,MAAM,CAAC4C,KAAK;IAC1BC,WAAW,EAAExC,UAAU,CAACyC,aAAa;IACrCC,WAAW,EAAEd,MAAM,CAACe;EACtB,CAAC;EACDtB,YAAY,EAAE;IAAED,eAAe,EAAEQ,MAAM,CAACgB;EAAW,CAAC;EACpDtB,OAAO,EAAE;IAAEuB,OAAO,EAAE;EAAI,CAAC;EACzBpB,KAAK,EAAE;IACLqB,UAAU,EAAEjB,KAAK,CAACkB,QAAQ;IAC1BC,QAAQ,EAAEtD,SAAS,CAACuD,EAAE;IACtBrC,KAAK,EAAEgB,MAAM,CAACsB;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/timeline/GridLines.js

@@ -0,0 +1,43 @@
+"use strict";
+
+/** The half-hour and hour lines: ONE layer across the pager's whole content, between bands and events. */
+
+import { useKitStyles } from "../theme/index.js";
+import { memo, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ColumnLinesInner = ({
+  hourHeight
+}) => {
+  const styles = useKitStyles(makeStyles);
+  const lines = useMemo(() => {
+    const out = [];
+    for (let half = 1; half <= 48; half += 1) {
+      out.push(/*#__PURE__*/_jsx(View, {
+        style: [styles.line, {
+          top: hourHeight * half / 2
+        }]
+      }, half));
+    }
+    return out;
+  }, [hourHeight, styles.line]);
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: StyleSheet.absoluteFill,
+    children: lines
+  });
+};
+export const ColumnLines = /*#__PURE__*/memo(ColumnLinesInner);
+ColumnLines.displayName = 'ColumnLines';
+const makeStyles = ({
+  colors
+}) => StyleSheet.create({
+  line: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: 1,
+    backgroundColor: colors.border
+  }
+});
+//# sourceMappingURL=GridLines.js.map

package/lib/module/timeline/GridLines.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKitStyles","memo","useMemo","StyleSheet","View","jsx","_jsx","ColumnLinesInner","hourHeight","styles","makeStyles","lines","out","half","push","style","line","top","pointerEvents","absoluteFill","children","ColumnLines","displayName","colors","create","position","left","right","height","backgroundColor","border"],"sourceRoot":"../../../src","sources":["timeline/GridLines.tsx"],"mappings":";;AAAA;;AAEA,SAASA,YAAY,QAA2B,mBAAU;AAC1D,SAASC,IAAI,EAAEC,OAAO,QAA2B,OAAO;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EACnE,MAAMC,MAAM,GAAGT,YAAY,CAACU,UAAU,CAAC;EACvC,MAAMC,KAAK,GAAGT,OAAO,CAAC,MAAM;IAC1B,MAAMU,GAAmB,GAAG,EAAE;IAC9B,KAAK,IAAIC,IAAI,GAAG,CAAC,EAAEA,IAAI,IAAI,EAAE,EAAEA,IAAI,IAAI,CAAC,EAAE;MACxCD,GAAG,CAACE,IAAI,cAACR,IAAA,CAACF,IAAI;QAAYW,KAAK,EAAE,CAACN,MAAM,CAACO,IAAI,EAAE;UAAEC,GAAG,EAAGT,UAAU,GAAGK,IAAI,GAAI;QAAE,CAAC;MAAE,GAA7DA,IAA+D,CAAC,CAAC;IACvF;IACA,OAAOD,GAAG;EACZ,CAAC,EAAE,CAACJ,UAAU,EAAEC,MAAM,CAACO,IAAI,CAAC,CAAC;EAE7B,oBACEV,IAAA,CAACF,IAAI;IAACc,aAAa,EAAC,MAAM;IAACH,KAAK,EAAEZ,UAAU,CAACgB,YAAa;IAAAC,QAAA,EACvDT;EAAK,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMU,WAAW,gBAAGpB,IAAI,CAACM,gBAAgB,CAAC;AACjDc,WAAW,CAACC,WAAW,GAAG,aAAa;AAEvC,MAAMZ,UAAU,GAAGA,CAAC;EAAEa;AAAqB,CAAC,KAC1CpB,UAAU,CAACqB,MAAM,CAAC;EAChBR,IAAI,EAAE;IACJS,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAEN,MAAM,CAACO;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/timeline/HourGrid.js

@@ -0,0 +1,94 @@
+"use strict";
+
+/**
+ * The time gutter: hour labels, the gutter's edge, and each line's 16 px stub into the gutter
+ * (`TimelineHours.js` starts lines at `timelineLeftInset − 16`). The stubs stay here because the
+ * pager starts at `GUTTER` and clips, so its shared line layer cannot reach into the gutter.
+ */
+
+import { useKitStyles } from "../theme/index.js";
+import { Fragment, memo, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { KitText } from "../core/KitText.js";
+import { CONTENT_BOTTOM_PAD, GUTTER, LABEL_OFFSET_Y, LABEL_PADDING_LEFT, LINE_GUTTER_OVERHANG, gridHeight } from "./timelineGeometry.js";
+
+/** `TimelineHours.js`: no label at 0, "23:59" at 24, no zero padding. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const hourLabel = (i, format24h) => {
+  if (i < 12) return format24h ? `${i}:00` : `${i} AM`;
+  if (i === 12) return format24h ? `${i}:00` : `${i} PM`;
+  if (i === 24) return format24h ? '23:59' : '12 AM';
+  return format24h ? `${i}:00` : `${i - 12} PM`;
+};
+const HourGridInner = ({
+  hourHeight,
+  format24h
+}) => {
+  const styles = useKitStyles(makeStyles);
+  const nodes = useMemo(() => {
+    const out = [];
+    for (let i = 0; i < 24; i += 1) {
+      const hourTop = hourHeight * (i + 1);
+      out.push(/*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.stub, {
+            top: hourHeight * (i + 0.5)
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.stub, {
+            top: hourTop
+          }]
+        }), /*#__PURE__*/_jsx(KitText, {
+          style: [styles.label, {
+            top: hourTop + LABEL_OFFSET_Y
+          }],
+          children: hourLabel(i + 1, format24h)
+        })]
+      }, i));
+    }
+    out.push(/*#__PURE__*/_jsx(View, {
+      style: [styles.edge, {
+        height: gridHeight(hourHeight) + CONTENT_BOTTOM_PAD
+      }]
+    }, "edge"));
+    return out;
+  }, [format24h, hourHeight, styles.edge, styles.label, styles.stub]);
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: StyleSheet.absoluteFill,
+    children: nodes
+  });
+};
+export const HourGrid = /*#__PURE__*/memo(HourGridInner);
+HourGrid.displayName = 'HourGrid';
+const makeStyles = ({
+  colors,
+  fonts
+}) => StyleSheet.create({
+  label: {
+    position: 'absolute',
+    left: 0,
+    width: GUTTER - LINE_GUTTER_OVERHANG,
+    paddingLeft: LABEL_PADDING_LEFT,
+    textAlign: 'center',
+    fontFamily: fonts.medium,
+    fontSize: 10,
+    color: colors.textMuted
+  },
+  stub: {
+    position: 'absolute',
+    left: GUTTER - LINE_GUTTER_OVERHANG,
+    width: LINE_GUTTER_OVERHANG,
+    height: 1,
+    backgroundColor: colors.border
+  },
+  // The last gutter pixel (`TimelineHours.js`: `right: width`); at `GUTTER` the bands painted over it.
+  edge: {
+    position: 'absolute',
+    top: 0,
+    left: GUTTER - 1,
+    width: 1,
+    backgroundColor: colors.border
+  }
+});
+//# sourceMappingURL=HourGrid.js.map

package/lib/module/timeline/HourGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKitStyles","Fragment","memo","useMemo","StyleSheet","View","KitText","CONTENT_BOTTOM_PAD","GUTTER","LABEL_OFFSET_Y","LABEL_PADDING_LEFT","LINE_GUTTER_OVERHANG","gridHeight","jsx","_jsx","jsxs","_jsxs","hourLabel","i","format24h","HourGridInner","hourHeight","styles","makeStyles","nodes","out","hourTop","push","children","style","stub","top","label","edge","height","pointerEvents","absoluteFill","HourGrid","displayName","colors","fonts","create","position","left","width","paddingLeft","textAlign","fontFamily","medium","fontSize","color","textMuted","backgroundColor","border"],"sourceRoot":"../../../src","sources":["timeline/HourGrid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/timeline/NowIndicator.js

@@ -0,0 +1,126 @@
+"use strict";
+
+/**
+ * The now-line. The minute lives in a SharedValue re-read just past each minute boundary (a bare
+ * 60 s interval started mid-minute runs late for the life of the screen) and on foreground; the
+ * line and knob move through animated styles, so a tick is zero React commits. No spring: a line
+ * that overshoots claims a time that is not now. The pager clips at the gutter, so `NowKnob` draws
+ * the whole dot above it at rest and hides mid-swipe — a worklet-driven knob trails by a frame.
+ */
+
+import { useKitStyles } from "../theme/index.js";
+import { RADIUS } from "../theme/tokens.js";
+import { memo, useEffect } from 'react';
+import { AppState, StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+import { NOW_KNOB } from "./timelineGeometry.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const KNOB_HANG = Math.floor(NOW_KNOB / 2);
+const SHOWN = {
+  opacity: 1
+};
+const HIDDEN = {
+  opacity: 0
+};
+const minutesAt = d => d.getHours() * 60 + d.getMinutes();
+
+/** Minutes since local midnight, shared by the line and the knob. Disabled means no timer. */
+export const useNowMinutesSV = enabled => {
+  const minutes = useSharedValue(minutesAt(new Date()));
+  useEffect(() => {
+    if (!enabled) return;
+    let timer;
+    const tick = () => {
+      const now = new Date();
+      minutes.value = minutesAt(now);
+      // 50 ms past the boundary so the re-read lands in the new minute.
+      timer = setTimeout(tick, (60 - now.getSeconds()) * 1000 - now.getMilliseconds() + 50);
+    };
+    tick();
+    const sub = AppState.addEventListener('change', state => {
+      if (state !== 'active') return;
+      clearTimeout(timer);
+      tick();
+    });
+    return () => {
+      clearTimeout(timer);
+      sub.remove();
+    };
+  }, [enabled, minutes]);
+  return minutes;
+};
+const NowIndicatorInner = ({
+  hourHeight,
+  minutes
+}) => {
+  const styles = useKitStyles(makeStyles);
+  const position = useAnimatedStyle(() => ({
+    top: minutes.value / 60 * hourHeight
+  }));
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    pointerEvents: "none",
+    style: [styles.root, position],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.line
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.knob
+    })]
+  });
+};
+export const NowIndicator = /*#__PURE__*/memo(NowIndicatorInner);
+NowIndicator.displayName = 'NowIndicator';
+const NowKnobInner = ({
+  left,
+  hourHeight,
+  minutes,
+  page,
+  pageWidth,
+  scrollX
+}) => {
+  const styles = useKitStyles(makeStyles);
+  const position = useAnimatedStyle(() => ({
+    top: minutes.value / 60 * hourHeight - KNOB_HANG
+  }));
+  // Runs every scroll frame: return the constants by reference, never a fresh object.
+  const atRest = useAnimatedStyle(() => {
+    const dx = page * pageWidth.value - scrollX.value;
+    return dx > -1 && dx < 1 ? SHOWN : HIDDEN;
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    style: [styles.knob, {
+      left: left - KNOB_HANG
+    }, position, atRest]
+  });
+};
+export const NowKnob = /*#__PURE__*/memo(NowKnobInner);
+NowKnob.displayName = 'NowKnob';
+const makeStyles = ({
+  colors
+}) => StyleSheet.create({
+  root: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: 0
+  },
+  // The now-line carries information (this minute), so a status colour may appear.
+  line: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 1,
+    backgroundColor: colors.nowIndicator
+  },
+  knob: {
+    position: 'absolute',
+    left: -KNOB_HANG,
+    top: -KNOB_HANG,
+    width: NOW_KNOB,
+    height: NOW_KNOB,
+    borderRadius: RADIUS.full,
+    backgroundColor: colors.nowIndicator
+  }
+});
+//# sourceMappingURL=NowIndicator.js.map

package/lib/module/timeline/NowIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKitStyles","RADIUS","memo","useEffect","AppState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","NOW_KNOB","jsx","_jsx","jsxs","_jsxs","KNOB_HANG","Math","floor","SHOWN","opacity","HIDDEN","minutesAt","d","getHours","getMinutes","useNowMinutesSV","enabled","minutes","Date","timer","tick","now","value","setTimeout","getSeconds","getMilliseconds","sub","addEventListener","state","clearTimeout","remove","NowIndicatorInner","hourHeight","styles","makeStyles","position","top","pointerEvents","style","root","children","line","knob","NowIndicator","displayName","NowKnobInner","left","page","pageWidth","scrollX","atRest","dx","NowKnob","colors","create","right","height","backgroundColor","nowIndicator","width","borderRadius","full"],"sourceRoot":"../../../src","sources":["timeline/NowIndicator.tsx"],"mappings":"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","ignoreList":[]}