react-native-agenda-kit 0.1.0

package/lib/commonjs/timeline/DayPager.js

@@ -0,0 +1,250 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayPager = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeWorklets = require("react-native-worklets");
+var _CalendarContext = require("../core/CalendarContext.js");
+var _dateKey = require("../core/dateKey.js");
+var _DayColumn = require("./DayColumn.js");
+var _GridLines = require("./GridLines.js");
+var _NowIndicator = require("./NowIndicator.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.
+ */
+
+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
+  } = (0, _CalendarContext.useCalendarContext)();
+  const listRef = (0, _reactNativeReanimated.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 = (0, _NowIndicator.useNowMinutesSV)(showNow);
+  const [initialCenter] = (0, _react.useState)(() => (0, _dateKey.clampIndex)(range, (0, _dateKey.dayIndexOf)(range, dateRef.current)));
+  const [initialOffset] = (0, _react.useState)(() => ({
+    x: offsetOfIndex(initialCenter, minIndex, width),
+    y: 0
+  }));
+  const [center, setCenter] = (0, _react.useState)(initialCenter);
+  const [jumpFrom, setJumpFrom] = (0, _react.useState)(null);
+  const pendingX = (0, _react.useRef)(null);
+  const centerSV = (0, _reactNativeReanimated.useSharedValue)(initialCenter);
+  const widthSV = (0, _reactNativeReanimated.useSharedValue)(width);
+  const scrollX = (0, _reactNativeReanimated.useSharedValue)(initialOffset.x);
+  const userDriven = (0, _reactNativeReanimated.useSharedValue)(0);
+  const ready = (0, _reactNativeReanimated.useSharedValue)(0);
+  const releaseAtX = (0, _reactNativeReanimated.useSharedValue)(-1);
+
+  // Every column just moved: land back on the day that was showing.
+  (0, _react.useEffect)(() => {
+    (0, _reactNativeWorklets.scheduleOnUI)(() => {
+      'worklet';
+
+      if (widthSV.value === width) return;
+      widthSV.value = width;
+      const x = offsetOfIndex(centerSV.value, minIndex, width);
+      scrollX.value = x;
+      (0, _reactNativeReanimated.scrollTo)(listRef, x, 0, false);
+    });
+  }, [centerSV, listRef, minIndex, scrollX, width, widthSV]);
+
+  /** The doctor's swipe settled on a new day. */
+  const onSwipeSettled = (0, _react.useCallback)(idx => {
+    setCenter(idx);
+    commitDate(idx, 'listDrag', 'timeline');
+  }, [commitDate]);
+  const prepareJump = (0, _react.useCallback)((idx, x) => {
+    pendingX.current = x;
+    setJumpFrom(centerSV.value);
+    setCenter(idx);
+  }, [centerSV]);
+  const releaseJump = (0, _react.useCallback)(() => setJumpFrom(null), []);
+
+  // The destination columns are committed: land on them.
+  (0, _react.useLayoutEffect)(() => {
+    const x = pendingX.current;
+    if (x === null) return;
+    pendingX.current = null;
+    centerSV.value = center;
+    (0, _reactNativeWorklets.scheduleOnUI)(() => {
+      'worklet';
+
+      releaseAtX.value = x;
+      userDriven.value = 0;
+      scrollX.value = x;
+      (0, _reactNativeReanimated.scrollTo)(listRef, x, 0, false);
+    });
+  }, [center, centerSV, listRef, releaseAtX, scrollX, userDriven]);
+  (0, _reactNativeReanimated.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) {
+      (0, _reactNativeReanimated.scrollTo)(listRef, x, 0, m.animated);
+      if (idx !== centerSV.value) {
+        centerSV.value = idx;
+        (0, _reactNativeWorklets.runOnJS)(setCenter)(idx);
+      }
+      return;
+    }
+    (0, _reactNativeWorklets.runOnJS)(prepareJump)(idx, x);
+  });
+  const onScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
+    onScroll: e => {
+      scrollX.value = e.contentOffset.x;
+      if (releaseAtX.value >= 0 && Math.abs(e.contentOffset.x - releaseAtX.value) < 1) {
+        releaseAtX.value = -1;
+        (0, _reactNativeWorklets.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;
+      (0, _reactNativeWorklets.runOnJS)(onSwipeSettled)(idx);
+    }
+  });
+  const onLayout = (0, _react.useCallback)(() => {
+    ready.value = 1;
+  }, [ready]);
+  const layers = (0, _react.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 = (0, _dateKey.ymdAt)(range, i);
+        const colLeft = offsetOfIndex(i, minIndex, width);
+        bands.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DayColumn.DayBands, {
+          left: colLeft,
+          width: width,
+          availableHours: availableHoursFor(ymd),
+          color: bandColor,
+          hourHeight: hourHeight
+        }, ymd));
+        dayEvents.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DayColumn.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          width: pageCount * width,
+          height
+        },
+        children: [layers.bands, /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridLines.ColumnLines, {
+          hourHeight: hourHeight
+        }), layers.dayEvents]
+      })
+    }), showNow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NowIndicator.NowKnob, {
+      left: left,
+      hourHeight: hourHeight,
+      minutes: nowMinutes,
+      page: todayPage,
+      pageWidth: widthSV,
+      scrollX: scrollX
+    }) : null]
+  });
+};
+const DayPager = exports.DayPager = /*#__PURE__*/(0, _react.memo)(DayPagerInner);
+const styles = _reactNative.StyleSheet.create({
+  pager: {
+    position: 'absolute',
+    top: 0
+  }
+});
+//# sourceMappingURL=DayPager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeWorklets","_CalendarContext","_dateKey","_DayColumn","_GridLines","_NowIndicator","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","offsetOfIndex","idx","minIndex","width","indexAtOffset","x","Math","round","DayPagerInner","left","height","events","availableHoursFor","bandColor","hourHeight","overlapEventsSpacing","rightEdgeSpacing","renderEvent","onEventPress","showNowIndicator","range","store","dateRef","commitDate","useCalendarContext","listRef","useAnimatedRef","maxIndex","todayIndex","pageCount","todayPage","showNow","nowMinutes","useNowMinutesSV","initialCenter","useState","clampIndex","dayIndexOf","current","initialOffset","y","center","setCenter","jumpFrom","setJumpFrom","pendingX","useRef","centerSV","useSharedValue","widthSV","scrollX","userDriven","ready","releaseAtX","useEffect","scheduleOnUI","value","scrollTo","onSwipeSettled","useCallback","prepareJump","releaseJump","useLayoutEffect","useAnimatedReaction","move","m","prev","seq","origin","abs","animated","runOnJS","onScroll","useAnimatedScrollHandler","contentOffset","onBeginDrag","onMomentumEnd","wasUser","dayIndex","onLayout","layers","useMemo","bands","dayEvents","lo","hi","last","pass","c","max","ymd","ymdAt","colLeft","push","jsx","DayBands","availableHours","color","DayEvents","undefined","jsxs","Fragment","children","ScrollView","ref","horizontal","pagingEnabled","nestedScrollEnabled","showsHorizontalScrollIndicator","scrollEventThrottle","style","styles","pager","View","ColumnLines","NowKnob","minutes","page","pageWidth","DayPager","exports","memo","StyleSheet","create","position","top"],"sourceRoot":"../../../src","sources":["timeline/DayPager.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/timeline/EventBlock.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventBlock = void 0;
+var _index = require("../theme/index.js");
+var _tokens = require("../theme/tokens.js");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _KitText = require("../core/KitText.js");
+var _timelineGeometry = require("./timelineGeometry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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
+ *.
+ */
+
+const EventBlockInner = ({
+  event,
+  renderEvent,
+  onPress
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const handlePress = (0, _react.useCallback)(() => onPress?.(event), [event, onPress]);
+  const {
+    color,
+    left,
+    top,
+    width,
+    height
+  } = event;
+  const blockStyle = (0, _react.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__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: handlePress,
+    style: ({
+      pressed
+    }) => pressed ? blockStyle.pressed : blockStyle.rest,
+    children: renderEvent ? renderEvent(event) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_KitText.KitText, {
+      style: styles.title,
+      numberOfLines: 1,
+      children: event.title
+    })
+  });
+};
+const EventBlock = exports.EventBlock = /*#__PURE__*/(0, _react.memo)(EventBlockInner);
+const makeStyles = ({
+  colors,
+  fonts
+}) => _reactNative.StyleSheet.create({
+  block: {
+    position: 'absolute',
+    minHeight: _timelineGeometry.EVENT_MIN_HEIGHT,
+    paddingLeft: 4,
+    paddingTop: 5,
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    overflow: 'hidden',
+    borderRadius: _tokens.RADIUS.inner,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: colors.border
+  },
+  blockDefault: {
+    backgroundColor: colors.accentSoft
+  },
+  pressed: {
+    opacity: 0.9
+  },
+  title: {
+    fontFamily: fonts.semiBold,
+    fontSize: _tokens.FONT_SIZE.xs,
+    color: colors.text
+  }
+});
+//# sourceMappingURL=EventBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_tokens","_react","_reactNative","_KitText","_timelineGeometry","_jsxRuntime","EventBlockInner","event","renderEvent","onPress","styles","useKitStyles","makeStyles","handlePress","useCallback","color","left","top","width","height","blockStyle","useMemo","rest","block","backgroundColor","blockDefault","pressed","jsx","Pressable","style","children","KitText","title","numberOfLines","EventBlock","exports","memo","colors","fonts","StyleSheet","create","position","minHeight","EVENT_MIN_HEIGHT","paddingLeft","paddingTop","flexDirection","alignItems","overflow","borderRadius","RADIUS","inner","borderWidth","hairlineWidth","borderColor","border","accentSoft","opacity","fontFamily","semiBold","fontSize","FONT_SIZE","xs","text"],"sourceRoot":"../../../src","sources":["timeline/EventBlock.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/timeline/GridLines.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_react","_reactNative","_jsxRuntime","ColumnLinesInner","hourHeight","styles","useKitStyles","makeStyles","lines","useMemo","out","half","push","jsx","View","style","line","top","pointerEvents","StyleSheet","absoluteFill","children","ColumnLines","exports","memo","displayName","colors","create","position","left","right","height","backgroundColor","border"],"sourceRoot":"../../../src","sources":["timeline/GridLines.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAJhD;;AAMA,MAAMI,gBAAgB,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EACnE,MAAMC,MAAM,GAAG,IAAAC,mBAAY,EAACC,UAAU,CAAC;EACvC,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1B,MAAMC,GAAmB,GAAG,EAAE;IAC9B,KAAK,IAAIC,IAAI,GAAG,CAAC,EAAEA,IAAI,IAAI,EAAE,EAAEA,IAAI,IAAI,CAAC,EAAE;MACxCD,GAAG,CAACE,IAAI,cAAC,IAAAV,WAAA,CAAAW,GAAA,EAACZ,YAAA,CAAAa,IAAI;QAAYC,KAAK,EAAE,CAACV,MAAM,CAACW,IAAI,EAAE;UAAEC,GAAG,EAAGb,UAAU,GAAGO,IAAI,GAAI;QAAE,CAAC;MAAE,GAA7DA,IAA+D,CAAC,CAAC;IACvF;IACA,OAAOD,GAAG;EACZ,CAAC,EAAE,CAACN,UAAU,EAAEC,MAAM,CAACW,IAAI,CAAC,CAAC;EAE7B,oBACE,IAAAd,WAAA,CAAAW,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACI,aAAa,EAAC,MAAM;IAACH,KAAK,EAAEI,uBAAU,CAACC,YAAa;IAAAC,QAAA,EACvDb;EAAK,CACF,CAAC;AAEX,CAAC;AAEM,MAAMc,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,WAAI,EAACrB,gBAAgB,CAAC;AACjDmB,WAAW,CAACG,WAAW,GAAG,aAAa;AAEvC,MAAMlB,UAAU,GAAGA,CAAC;EAAEmB;AAAqB,CAAC,KAC1CP,uBAAU,CAACQ,MAAM,CAAC;EAChBX,IAAI,EAAE;IACJY,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/commonjs/timeline/HourGrid.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HourGrid = void 0;
+var _index = require("../theme/index.js");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _KitText = require("../core/KitText.js");
+var _timelineGeometry = require("./timelineGeometry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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.
+ */
+
+/** `TimelineHours.js`: no label at 0, "23:59" at 24, no zero padding. */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 = (0, _index.useKitStyles)(makeStyles);
+  const nodes = (0, _react.useMemo)(() => {
+    const out = [];
+    for (let i = 0; i < 24; i += 1) {
+      const hourTop = hourHeight * (i + 1);
+      out.push(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.stub, {
+            top: hourHeight * (i + 0.5)
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.stub, {
+            top: hourTop
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_KitText.KitText, {
+          style: [styles.label, {
+            top: hourTop + _timelineGeometry.LABEL_OFFSET_Y
+          }],
+          children: hourLabel(i + 1, format24h)
+        })]
+      }, i));
+    }
+    out.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.edge, {
+        height: (0, _timelineGeometry.gridHeight)(hourHeight) + _timelineGeometry.CONTENT_BOTTOM_PAD
+      }]
+    }, "edge"));
+    return out;
+  }, [format24h, hourHeight, styles.edge, styles.label, styles.stub]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    style: _reactNative.StyleSheet.absoluteFill,
+    children: nodes
+  });
+};
+const HourGrid = exports.HourGrid = /*#__PURE__*/(0, _react.memo)(HourGridInner);
+HourGrid.displayName = 'HourGrid';
+const makeStyles = ({
+  colors,
+  fonts
+}) => _reactNative.StyleSheet.create({
+  label: {
+    position: 'absolute',
+    left: 0,
+    width: _timelineGeometry.GUTTER - _timelineGeometry.LINE_GUTTER_OVERHANG,
+    paddingLeft: _timelineGeometry.LABEL_PADDING_LEFT,
+    textAlign: 'center',
+    fontFamily: fonts.medium,
+    fontSize: 10,
+    color: colors.textMuted
+  },
+  stub: {
+    position: 'absolute',
+    left: _timelineGeometry.GUTTER - _timelineGeometry.LINE_GUTTER_OVERHANG,
+    width: _timelineGeometry.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: _timelineGeometry.GUTTER - 1,
+    width: 1,
+    backgroundColor: colors.border
+  }
+});
+//# sourceMappingURL=HourGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_react","_reactNative","_KitText","_timelineGeometry","_jsxRuntime","hourLabel","i","format24h","HourGridInner","hourHeight","styles","useKitStyles","makeStyles","nodes","useMemo","out","hourTop","push","jsxs","Fragment","children","jsx","View","style","stub","top","KitText","label","LABEL_OFFSET_Y","edge","height","gridHeight","CONTENT_BOTTOM_PAD","pointerEvents","StyleSheet","absoluteFill","HourGrid","exports","memo","displayName","colors","fonts","create","position","left","width","GUTTER","LINE_GUTTER_OVERHANG","paddingLeft","LABEL_PADDING_LEFT","textAlign","fontFamily","medium","fontSize","color","textMuted","backgroundColor","border"],"sourceRoot":"../../../src","sources":["timeline/HourGrid.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAO4B,IAAAK,WAAA,GAAAL,OAAA;AAjB5B;AACA;AACA;AACA;AACA;;AAeA,yEACA,MAAMM,SAAS,GAAGA,CAACC,CAAS,EAAEC,SAAkB,KAAa;EAC3D,IAAID,CAAC,GAAG,EAAE,EAAE,OAAOC,SAAS,GAAG,GAAGD,CAAC,KAAK,GAAG,GAAGA,CAAC,KAAK;EACpD,IAAIA,CAAC,KAAK,EAAE,EAAE,OAAOC,SAAS,GAAG,GAAGD,CAAC,KAAK,GAAG,GAAGA,CAAC,KAAK;EACtD,IAAIA,CAAC,KAAK,EAAE,EAAE,OAAOC,SAAS,GAAG,OAAO,GAAG,OAAO;EAClD,OAAOA,SAAS,GAAG,GAAGD,CAAC,KAAK,GAAG,GAAGA,CAAC,GAAG,EAAE,KAAK;AAC/C,CAAC;AAID,MAAME,aAAa,GAAGA,CAAC;EAAEC,UAAU;EAAEF;AAAiB,CAAC,KAAK;EAC1D,MAAMG,MAAM,GAAG,IAAAC,mBAAY,EAACC,UAAU,CAAC;EAEvC,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1B,MAAMC,GAAmB,GAAG,EAAE;IAC9B,KAAK,IAAIT,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAI,CAAC,EAAE;MAC9B,MAAMU,OAAO,GAAGP,UAAU,IAAIH,CAAC,GAAG,CAAC,CAAC;MACpCS,GAAG,CAACE,IAAI,cACN,IAAAb,WAAA,CAAAc,IAAA,EAAClB,MAAA,CAAAmB,QAAQ;QAAAC,QAAA,gBACP,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;UAACC,KAAK,EAAE,CAACb,MAAM,CAACc,IAAI,EAAE;YAAEC,GAAG,EAAEhB,UAAU,IAAIH,CAAC,GAAG,GAAG;UAAE,CAAC;QAAE,CAAE,CAAC,eAC/D,IAAAF,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;UAACC,KAAK,EAAE,CAACb,MAAM,CAACc,IAAI,EAAE;YAAEC,GAAG,EAAET;UAAQ,CAAC;QAAE,CAAE,CAAC,eAChD,IAAAZ,WAAA,CAAAiB,GAAA,EAACnB,QAAA,CAAAwB,OAAO;UAACH,KAAK,EAAE,CAACb,MAAM,CAACiB,KAAK,EAAE;YAAEF,GAAG,EAAET,OAAO,GAAGY;UAAe,CAAC,CAAE;UAAAR,QAAA,EAC/Df,SAAS,CAACC,CAAC,GAAG,CAAC,EAAEC,SAAS;QAAC,CACrB,CAAC;MAAA,GALGD,CAML,CACZ,CAAC;IACH;IACAS,GAAG,CAACE,IAAI,cACN,IAAAb,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;MAAYC,KAAK,EAAE,CAACb,MAAM,CAACmB,IAAI,EAAE;QAAEC,MAAM,EAAE,IAAAC,4BAAU,EAACtB,UAAU,CAAC,GAAGuB;MAAmB,CAAC;IAAE,GAArF,MAAuF,CACnG,CAAC;IACD,OAAOjB,GAAG;EACZ,CAAC,EAAE,CAACR,SAAS,EAAEE,UAAU,EAAEC,MAAM,CAACmB,IAAI,EAAEnB,MAAM,CAACiB,KAAK,EAAEjB,MAAM,CAACc,IAAI,CAAC,CAAC;EAEnE,oBACE,IAAApB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACW,aAAa,EAAC,MAAM;IAACV,KAAK,EAAEW,uBAAU,CAACC,YAAa;IAAAf,QAAA,EACvDP;EAAK,CACF,CAAC;AAEX,CAAC;AAEM,MAAMuB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,WAAI,EAAC9B,aAAa,CAAC;AAC3C4B,QAAQ,CAACG,WAAW,GAAG,UAAU;AAEjC,MAAM3B,UAAU,GAAGA,CAAC;EAAE4B,MAAM;EAAEC;AAAoB,CAAC,KACjDP,uBAAU,CAACQ,MAAM,CAAC;EAChBf,KAAK,EAAE;IACLgB,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEC,wBAAM,GAAGC,sCAAoB;IACpCC,WAAW,EAAEC,oCAAkB;IAC/BC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAEV,KAAK,CAACW,MAAM;IACxBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEd,MAAM,CAACe;EAChB,CAAC;EACD/B,IAAI,EAAE;IACJmB,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAEE,wBAAM,GAAGC,sCAAoB;IACnCF,KAAK,EAAEE,sCAAoB;IAC3BjB,MAAM,EAAE,CAAC;IACT0B,eAAe,EAAEhB,MAAM,CAACiB;EAC1B,CAAC;EACD;EACA5B,IAAI,EAAE;IACJc,QAAQ,EAAE,UAAU;IACpBlB,GAAG,EAAE,CAAC;IACNmB,IAAI,EAAEE,wBAAM,GAAG,CAAC;IAChBD,KAAK,EAAE,CAAC;IACRW,eAAe,EAAEhB,MAAM,CAACiB;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/timeline/NowIndicator.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNowMinutesSV = exports.NowKnob = exports.NowIndicator = void 0;
+var _index = require("../theme/index.js");
+var _tokens = require("../theme/tokens.js");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _timelineGeometry = require("./timelineGeometry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.
+ */
+
+const KNOB_HANG = Math.floor(_timelineGeometry.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. */
+const useNowMinutesSV = enabled => {
+  const minutes = (0, _reactNativeReanimated.useSharedValue)(minutesAt(new Date()));
+  (0, _react.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 = _reactNative.AppState.addEventListener('change', state => {
+      if (state !== 'active') return;
+      clearTimeout(timer);
+      tick();
+    });
+    return () => {
+      clearTimeout(timer);
+      sub.remove();
+    };
+  }, [enabled, minutes]);
+  return minutes;
+};
+exports.useNowMinutesSV = useNowMinutesSV;
+const NowIndicatorInner = ({
+  hourHeight,
+  minutes
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const position = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    top: minutes.value / 60 * hourHeight
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+    pointerEvents: "none",
+    style: [styles.root, position],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.line
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.knob
+    })]
+  });
+};
+const NowIndicator = exports.NowIndicator = /*#__PURE__*/(0, _react.memo)(NowIndicatorInner);
+NowIndicator.displayName = 'NowIndicator';
+const NowKnobInner = ({
+  left,
+  hourHeight,
+  minutes,
+  page,
+  pageWidth,
+  scrollX
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const position = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    top: minutes.value / 60 * hourHeight - KNOB_HANG
+  }));
+  // Runs every scroll frame: return the constants by reference, never a fresh object.
+  const atRest = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const dx = page * pageWidth.value - scrollX.value;
+    return dx > -1 && dx < 1 ? SHOWN : HIDDEN;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    pointerEvents: "none",
+    style: [styles.knob, {
+      left: left - KNOB_HANG
+    }, position, atRest]
+  });
+};
+const NowKnob = exports.NowKnob = /*#__PURE__*/(0, _react.memo)(NowKnobInner);
+NowKnob.displayName = 'NowKnob';
+const makeStyles = ({
+  colors
+}) => _reactNative.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: _timelineGeometry.NOW_KNOB,
+    height: _timelineGeometry.NOW_KNOB,
+    borderRadius: _tokens.RADIUS.full,
+    backgroundColor: colors.nowIndicator
+  }
+});
+//# sourceMappingURL=NowIndicator.js.map