react-native-agenda-kit 0.1.0

package/lib/module/expandable/DayCell.js

@@ -0,0 +1,116 @@
+"use strict";
+
+/**
+ * One day in the MONTH GRID. Selection arrives as a plain prop from the committed
+ * date, and `memo` on primitive props means a commit re-renders two cells, not the
+ * month. (The week strip tracks a fling frame by frame with one pill instead.)
+ */
+
+import { useKitStyles } from "../theme/index.js";
+import { FONT_SIZE, RADIUS } from "../theme/tokens.js";
+import { memo } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { KitText } from "../core/KitText.js";
+import { DAY_CELL, DAY_LINE_HEIGHT, DAY_TEXT_MARGIN_TOP, DOT_MARGIN_TOP, DOT_SIZE } from "./geometry.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DayCellInner = ({
+  dayIndex,
+  label,
+  left,
+  top,
+  isToday,
+  isDisabled,
+  isSelected,
+  dot,
+  onPress,
+  accessibilityLabel
+}) => {
+  const styles = useKitStyles(makeStyles);
+  const state = isSelected ? 3 : isDisabled ? 2 : isToday ? 1 : 0;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    style: [styles.cell, {
+      left,
+      top
+    }, isSelected ? styles.cellSelected : null],
+    onPress: () => onPress(dayIndex),
+    disabled: isDisabled,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      selected: isSelected,
+      disabled: isDisabled
+    },
+    children: [/*#__PURE__*/_jsx(KitText, {
+      style: styles.text[state],
+      children: label
+    }), dot !== null ? /*#__PURE__*/_jsx(View, {
+      style: [styles.dot, isSelected || !dot ? styles.dotFill[state] : {
+        backgroundColor: dot
+      }]
+    }) : null]
+  });
+};
+export const DayCell = /*#__PURE__*/memo(DayCellInner);
+DayCell.displayName = 'DayCell';
+
+/** `text` and `dotFill` are indexed by state: 0 plain, 1 today, 2 disabled, 3 selected. */
+const makeStyles = ({
+  colors,
+  fonts
+}) => {
+  const text = {
+    marginTop: DAY_TEXT_MARGIN_TOP,
+    fontFamily: fonts.regular,
+    fontSize: FONT_SIZE.sm,
+    lineHeight: DAY_LINE_HEIGHT
+  };
+  const s = StyleSheet.create({
+    cell: {
+      position: 'absolute',
+      width: DAY_CELL,
+      height: DAY_CELL,
+      borderRadius: RADIUS.full,
+      alignItems: 'center'
+    },
+    // The one accent use on the calendar — active selection: one accent, nowhere else.
+    cellSelected: {
+      backgroundColor: colors.accentFill
+    },
+    text: {
+      ...text,
+      color: colors.text
+    },
+    textToday: {
+      ...text,
+      color: colors.accent
+    },
+    textDisabled: {
+      ...text,
+      color: colors.textMuted
+    },
+    textSelected: {
+      ...text,
+      color: colors.onAccentFill
+    },
+    dot: {
+      width: DOT_SIZE,
+      height: DOT_SIZE,
+      marginTop: DOT_MARGIN_TOP,
+      borderRadius: RADIUS.full
+    },
+    dotDefault: {
+      backgroundColor: colors.accent
+    },
+    dotSelected: {
+      backgroundColor: colors.onAccentFill
+    }
+  });
+  return {
+    cell: s.cell,
+    cellSelected: s.cellSelected,
+    dot: s.dot,
+    text: [s.text, s.textToday, s.textDisabled, s.textSelected],
+    dotFill: [s.dotDefault, s.dotDefault, s.dotDefault, s.dotSelected]
+  };
+};
+//# sourceMappingURL=DayCell.js.map

package/lib/module/expandable/DayCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKitStyles","FONT_SIZE","RADIUS","memo","Pressable","StyleSheet","View","KitText","DAY_CELL","DAY_LINE_HEIGHT","DAY_TEXT_MARGIN_TOP","DOT_MARGIN_TOP","DOT_SIZE","jsx","_jsx","jsxs","_jsxs","DayCellInner","dayIndex","label","left","top","isToday","isDisabled","isSelected","dot","onPress","accessibilityLabel","styles","makeStyles","state","style","cell","cellSelected","disabled","accessibilityRole","accessibilityState","selected","children","text","dotFill","backgroundColor","DayCell","displayName","colors","fonts","marginTop","fontFamily","regular","fontSize","sm","lineHeight","s","create","position","width","height","borderRadius","full","alignItems","accentFill","color","textToday","accent","textDisabled","textMuted","textSelected","onAccentFill","dotDefault","dotSelected"],"sourceRoot":"../../../src","sources":["expandable/DayCell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/expandable/ExpandableCalendar.js

@@ -0,0 +1,275 @@
+"use strict";
+
+/**
+ * The expandable calendar — week strip closed, month grid open — and the body it
+ * pushes down.
+ *
+ * Nothing animates height. `progress` (0 closed, 1 open) moves and every layer
+ * reads it as a transform or opacity: the month layer fades in and slides from
+ * "selected week on top" to its natural place, the strip fades out, and the knob
+ * and fixed-height body translate by `progress · travel`, where `travel` belongs
+ * to the VISIBLE month and re-targets when that changes while open.
+ *
+ * The body renders `children` because it must read `progress`. A list drag closes
+ * an open calendar: the grid shows the committed date, the list the day under it.
+ * With a screen reader the calendar is a static open month grid — TalkBack ignores
+ * opacity, would read strip and grid both, and cannot perform the pan.
+ */
+
+import { useKitStyles } from "../theme/index.js";
+import { ANIMATION } from "../theme/tokens.js";
+import { memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { GestureDetector } from 'react-native-gesture-handler';
+import Animated, { useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useCalendarContext, useCalendarDate } from "../core/CalendarContext.js";
+import { clampIndex, dayIndexOf, ymdAt } from "../core/dateKey.js";
+import { KIT_EASING, kitDuration, useScreenReaderEnabled } from "../core/motion.js";
+import { clampNum } from "../core/worklets.js";
+import { buildCalendarCells, buildDots, cellLefts, pageOfIndex } from "./calendarCells.js";
+import { calendarHeights, KNOB_CONTAINER_HEIGHT, MAX_WEEKS, WEEK_ROW_HEIGHT } from "./geometry.js";
+import { Knob } from "./Knob.js";
+import { MonthPager } from "./MonthPager.js";
+import { snap, useExpandGesture } from "./useExpandGesture.js";
+import { WeekStrip } from "./WeekStrip.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const POSITIONS = {
+  CLOSED: 'closed',
+  OPEN: 'open'
+};
+const {
+  closed: CLOSED_H,
+  full: CALENDAR_H
+} = calendarHeights(MAX_WEEKS);
+/**
+ * Invisible, so the stale translateY is unseen; one object makes Reanimated skip the
+ * update. Opacity only: `updateProps` reassigns `transform` on the object it is given.
+ */
+const CLOSED_MONTH_STYLE = {
+  opacity: 0
+};
+const ExpandableCalendarInner = ({
+  initialPosition = 'closed',
+  onCalendarToggled,
+  style,
+  closeOnDayPress = true,
+  closeOnListScroll = true,
+  markedDates,
+  disablePan = false,
+  openThreshold,
+  closeThreshold,
+  knobAccessibilityLabel,
+  dayAccessibilityLabel,
+  monthShortLabels,
+  children,
+  ref
+}) => {
+  const styles = useKitStyles(makeStyles);
+  const {
+    range,
+    store,
+    dateRef,
+    setDate,
+    reduceMotion
+  } = useCalendarContext();
+  const date = useCalendarDate();
+  const screenReader = useScreenReaderEnabled();
+  const {
+    dayIndex,
+    listDragSeq
+  } = store;
+  const [layout, setLayout] = useState(() => ({
+    width: Dimensions.get('window').width,
+    height: 0
+  }));
+  const [isOpen, setIsOpen] = useState(initialPosition === 'open');
+  const {
+    labels,
+    ordinalByIndex,
+    pages
+  } = useMemo(() => buildCalendarCells(range), [range]);
+  const dots = useMemo(() => buildDots(range, markedDates), [range, markedDates]);
+  const lefts = useMemo(() => cellLefts(layout.width), [layout.width]);
+  const a11yLabels = useMemo(() => screenReader && dayAccessibilityLabel ? range.ymdByIndex.map(ymd => dayAccessibilityLabel(ymd)) : undefined, [dayAccessibilityLabel, range, screenReader]);
+  const [initialPage] = useState(() => pageOfIndex(pages, clampIndex(range, dayIndexOf(range, dateRef.current))));
+  const progress = useSharedValue(initialPosition === 'open' ? 1 : 0);
+  const visiblePage = useSharedValue(initialPage);
+  const travel = useSharedValue(calendarHeights(pages.weeksByPage[initialPage] ?? 5).travel);
+  const pagesSV = useSharedValue(pages);
+  const writtenPages = useRef(pages);
+  useLayoutEffect(() => {
+    if (writtenPages.current === pages) return;
+    writtenPages.current = pages;
+    pagesSV.value = pages;
+  }, [pages, pagesSV]);
+  const retarget = kitDuration(ANIMATION.base, reduceMotion);
+  useAnimatedReaction(() => visiblePage.value, (page, prev) => {
+    if (prev === null || page === prev) return;
+    const next = calendarHeights(pagesSV.value.weeksByPage[page] ?? 5).travel;
+    // Open: glide the body to the new month's bottom edge. Closed: record it for the next open.
+    travel.value = progress.value > 0 ? withTiming(next, {
+      duration: retarget,
+      easing: KIT_EASING
+    }) : next;
+  });
+
+  // Through a ref: the gesture's worklets capture `handleToggled`, so it never changes identity.
+  const onToggledRef = useRef(onCalendarToggled);
+  useLayoutEffect(() => {
+    onToggledRef.current = onCalendarToggled;
+  });
+  const handleToggled = useCallback(open => {
+    setIsOpen(open);
+    onToggledRef.current?.(open);
+  }, []);
+  const {
+    pan,
+    snapTo,
+    lastReported
+  } = useExpandGesture({
+    progress,
+    travel,
+    enabled: !disablePan && !screenReader,
+    openThreshold,
+    closeThreshold,
+    reduceMotion,
+    initialOpen: initialPosition === 'open',
+    onToggled: handleToggled
+  });
+  const toggle = useCallback(() => snapTo(), [snapTo]);
+
+  // Not foldable into the gesture's `initialOpen`/`enabled`: the flag resolves after
+  // mount, and `enabled` is also false for `disablePan`, which must not open.
+  useEffect(() => {
+    if (screenReader) snapTo(1);
+  }, [screenReader, snapTo]);
+  useAnimatedReaction(() => listDragSeq.value, (seq, prev) => {
+    // Only a CHANGE of the counter is a drag; its first reading is the mount.
+    if (prev === null || seq === prev || !closeOnListScroll || screenReader) return;
+    if (progress.value > 0) snap(progress, lastReported, 0, reduceMotion, handleToggled);
+  });
+  useImperativeHandle(ref, () => ({
+    toggleCalendarPosition: screenReader ? () => true : toggle
+  }), [screenReader, toggle]);
+  const handleDayPress = useCallback(idx => {
+    if (clampIndex(range, idx) !== idx) return;
+    setDate(ymdAt(range, idx), 'dayPress');
+    // Same tick as the date: no race between the agenda's scroll and the collapse.
+    if (closeOnDayPress && !screenReader && progress.value > 0) snapTo(0);
+  }, [closeOnDayPress, progress, range, screenReader, setDate, snapTo]);
+  const monthStyle = useAnimatedStyle(() => {
+    const p = progress.value;
+    if (p === 0) return CLOSED_MONTH_STYLE;
+    const {
+      gridStartByPage,
+      weeksByPage
+    } = pagesSV.value;
+    const page = visiblePage.value;
+    const row = clampNum(Math.floor((dayIndex.value - (gridStartByPage[page] ?? 0)) / 7), 0, (weeksByPage[page] ?? MAX_WEEKS) - 1);
+    return {
+      opacity: p,
+      transform: [{
+        translateY: -(1 - p) * row * WEEK_ROW_HEIGHT
+      }]
+    };
+  });
+  const weekStyle = useAnimatedStyle(() => ({
+    opacity: 1 - progress.value
+  }));
+  const knobStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: CLOSED_H - KNOB_CONTAINER_HEIGHT + progress.value * travel.value
+    }]
+  }));
+  const bodyStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: progress.value * travel.value
+    }]
+  }));
+  const onLayout = useCallback(e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    setLayout(prev => Math.abs(prev.width - width) < 0.5 && Math.abs(prev.height - height) < 0.5 ? prev : {
+      width,
+      height
+    });
+  }, []);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.region, style],
+    onLayout: onLayout,
+    children: [/*#__PURE__*/_jsx(GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/_jsxs(View, {
+        collapsable: false,
+        style: styles.calendar,
+        children: [/*#__PURE__*/_jsx(MonthPager, {
+          width: layout.width,
+          lefts: lefts,
+          pages: pages,
+          pagesSV: pagesSV,
+          labels: labels,
+          a11yLabels: a11yLabels,
+          dots: dots,
+          selectedIndex: dayIndexOf(range, date),
+          initialPage: initialPage,
+          visiblePage: visiblePage,
+          onDayPress: handleDayPress,
+          animatedStyle: monthStyle,
+          isOpen: isOpen,
+          screenReader: screenReader
+        }), screenReader ? null : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(WeekStrip, {
+            width: layout.width,
+            lefts: lefts,
+            labels: labels,
+            ordinals: ordinalByIndex,
+            monthShortLabels: monthShortLabels,
+            dots: dots,
+            onDayPress: handleDayPress,
+            animatedStyle: weekStyle,
+            interactive: !isOpen
+          }), /*#__PURE__*/_jsx(Knob, {
+            animatedStyle: knobStyle,
+            onPress: toggle,
+            accessibilityLabel: knobAccessibilityLabel
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.body, {
+        height: Math.max(0, layout.height - CLOSED_H)
+      }, bodyStyle],
+      children: children
+    })]
+  });
+};
+export const ExpandableCalendar = Object.assign(/*#__PURE__*/memo(ExpandableCalendarInner), {
+  positions: POSITIONS
+});
+const makeStyles = ({
+  colors
+}) => StyleSheet.create({
+  region: {
+    flex: 1,
+    overflow: 'hidden',
+    backgroundColor: colors.surface
+  },
+  calendar: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: CALENDAR_H,
+    backgroundColor: colors.surface
+  },
+  body: {
+    position: 'absolute',
+    top: CLOSED_H,
+    left: 0,
+    right: 0,
+    backgroundColor: colors.surface
+  }
+});
+//# sourceMappingURL=ExpandableCalendar.js.map

package/lib/module/expandable/ExpandableCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKitStyles","ANIMATION","memo","useCallback","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","Dimensions","StyleSheet","View","GestureDetector","Animated","useAnimatedReaction","useAnimatedStyle","useSharedValue","withTiming","useCalendarContext","useCalendarDate","clampIndex","dayIndexOf","ymdAt","KIT_EASING","kitDuration","useScreenReaderEnabled","clampNum","buildCalendarCells","buildDots","cellLefts","pageOfIndex","calendarHeights","KNOB_CONTAINER_HEIGHT","MAX_WEEKS","WEEK_ROW_HEIGHT","Knob","MonthPager","snap","useExpandGesture","WeekStrip","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","POSITIONS","CLOSED","OPEN","closed","CLOSED_H","full","CALENDAR_H","CLOSED_MONTH_STYLE","opacity","ExpandableCalendarInner","initialPosition","onCalendarToggled","style","closeOnDayPress","closeOnListScroll","markedDates","disablePan","openThreshold","closeThreshold","knobAccessibilityLabel","dayAccessibilityLabel","monthShortLabels","children","ref","styles","makeStyles","range","store","dateRef","setDate","reduceMotion","date","screenReader","dayIndex","listDragSeq","layout","setLayout","width","get","height","isOpen","setIsOpen","labels","ordinalByIndex","pages","dots","lefts","a11yLabels","ymdByIndex","map","ymd","undefined","initialPage","current","progress","visiblePage","travel","weeksByPage","pagesSV","writtenPages","value","retarget","base","page","prev","next","duration","easing","onToggledRef","handleToggled","open","pan","snapTo","lastReported","enabled","initialOpen","onToggled","toggle","seq","toggleCalendarPosition","handleDayPress","idx","monthStyle","p","gridStartByPage","row","Math","floor","transform","translateY","weekStyle","knobStyle","bodyStyle","onLayout","e","nativeEvent","abs","region","gesture","collapsable","calendar","selectedIndex","onDayPress","animatedStyle","ordinals","interactive","onPress","accessibilityLabel","body","max","ExpandableCalendar","Object","assign","positions","colors","create","flex","overflow","backgroundColor","surface","position","top","left","right"],"sourceRoot":"../../../src","sources":["expandable/ExpandableCalendar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/expandable/Knob.js

@@ -0,0 +1,67 @@
+"use strict";
+
+/**
+ * The drag band under the calendar. A tap toggles; a drag anywhere on the
+ * calendar (not just here) opens and closes — the band is the affordance, not
+ * the only hit area.
+ *
+ * A `Pressable`, not a `Gesture.Tap` raced against the pan. The tap belongs to
+ * the knob alone; racing a tap on the whole detector would make every day-cell
+ * tap also toggle the calendar.
+ */
+
+import { useKitStyles } from "../theme/index.js";
+import { RADIUS } from "../theme/tokens.js";
+import { memo } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { KNOB_CONTAINER_HEIGHT, KNOB_HEIGHT, KNOB_WIDTH } from "./geometry.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const KnobInner = ({
+  animatedStyle,
+  onPress,
+  accessibilityLabel
+}) => {
+  const styles = useKitStyles(makeStyles);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.container, animatedStyle],
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: styles.hit,
+      onPress: onPress,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.knob
+      })
+    })
+  });
+};
+export const Knob = /*#__PURE__*/memo(KnobInner);
+Knob.displayName = 'Knob';
+const makeStyles = ({
+  colors
+}) => StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: KNOB_CONTAINER_HEIGHT,
+    backgroundColor: colors.surface
+  },
+  hit: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  knob: {
+    width: KNOB_WIDTH,
+    height: KNOB_HEIGHT,
+    // A pill is the one shape `full` exists for — the one shape `full` exists for.
+    borderRadius: RADIUS.full,
+    // The library's default `expandableKnobColor` is #e8ecf0 — a slate grey,
+    // which reads as a tinted surface. `border` is the nearest true-neutral.
+    backgroundColor: colors.border
+  }
+});
+//# sourceMappingURL=Knob.js.map

package/lib/module/expandable/Knob.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKitStyles","RADIUS","memo","Pressable","StyleSheet","View","Animated","KNOB_CONTAINER_HEIGHT","KNOB_HEIGHT","KNOB_WIDTH","jsx","_jsx","KnobInner","animatedStyle","onPress","accessibilityLabel","styles","makeStyles","style","container","children","hit","accessibilityRole","knob","Knob","displayName","colors","create","position","top","left","right","height","backgroundColor","surface","flex","alignItems","justifyContent","width","borderRadius","full","border"],"sourceRoot":"../../../src","sources":["expandable/Knob.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,YAAY,QAA2B,mBAAU;AAC1D,SAASC,MAAM,QAAQ,oBAAiB;AACxC,SAASC,IAAI,QAAQ,OAAO;AAC5B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC1F,OAAOC,QAAQ,MAA8B,yBAAyB;AACtE,SAASC,qBAAqB,EAAEC,WAAW,EAAEC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ5E,MAAMC,SAAS,GAAGA,CAAC;EAAEC,aAAa;EAAEC,OAAO;EAAEC;AAA0B,CAAC,KAAK;EAC3E,MAAMC,MAAM,GAAGhB,YAAY,CAACiB,UAAU,CAAC;EACvC,oBACEN,IAAA,CAACL,QAAQ,CAACD,IAAI;IAACa,KAAK,EAAE,CAACF,MAAM,CAACG,SAAS,EAAEN,aAAa,CAAE;IAAAO,QAAA,eACtDT,IAAA,CAACR,SAAS;MACRe,KAAK,EAAEF,MAAM,CAACK,GAAI;MAClBP,OAAO,EAAEA,OAAQ;MACjBQ,iBAAiB,EAAC,QAAQ;MAC1BP,kBAAkB,EAAEA,kBAAmB;MAAAK,QAAA,eAEvCT,IAAA,CAACN,IAAI;QAACa,KAAK,EAAEF,MAAM,CAACO;MAAK,CAAE;IAAC,CACnB;EAAC,CACC,CAAC;AAEpB,CAAC;AAED,OAAO,MAAMC,IAAI,gBAAGtB,IAAI,CAACU,SAAS,CAAC;AACnCY,IAAI,CAACC,WAAW,GAAG,MAAM;AAEzB,MAAMR,UAAU,GAAGA,CAAC;EAAES;AAAqB,CAAC,KAC1CtB,UAAU,CAACuB,MAAM,CAAC;EAChBR,SAAS,EAAE;IACTS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAEzB,qBAAqB;IAC7B0B,eAAe,EAAEP,MAAM,CAACQ;EAC1B,CAAC;EACDb,GAAG,EAAE;IACHc,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDd,IAAI,EAAE;IACJe,KAAK,EAAE7B,UAAU;IACjBuB,MAAM,EAAExB,WAAW;IACnB;IACA+B,YAAY,EAAEtC,MAAM,CAACuC,IAAI;IACzB;IACA;IACAP,eAAe,EAAEP,MAAM,CAACe;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/expandable/MonthPager.js

@@ -0,0 +1,175 @@
+"use strict";
+
+/**
+ * The open calendar: one month per page across the selectable window.
+ *
+ * Selection is the COMMITTED date as a plain prop, handed only to the page that
+ * holds it, so a commit re-renders at most two pages and two memo'd cells.
+ *
+ * Mounted pages derive from that same committed date. Closed, only its month
+ * exists: the layer is invisible, and every month crossing commits a date. Open,
+ * its two neighbours join so a swipe shows one; a swipe that lands commits the
+ * new month, which re-centres the window. A screen reader pages by scroll
+ * actions, so it gets every month. Moves page the pager instantly even while
+ * closed, so opening shows the right month.
+ */
+
+import { memo, useCallback } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { useCalendarContext } from "../core/CalendarContext.js";
+import { clampIndex, ymdAt } from "../core/dateKey.js";
+import { pageOfIndex } from "./calendarCells.js";
+import { DayCell } from "./DayCell.js";
+import { MAX_WEEKS, WEEK_ROW_HEIGHT, WEEK_ROW_V_MARGIN } from "./geometry.js";
+import { PAGER_SCROLL_THROTTLE, useHorizontalPager } from "./useHorizontalPager.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const GRID_HEIGHT = MAX_WEEKS * WEEK_ROW_HEIGHT;
+const MonthGrid = /*#__PURE__*/memo(({
+  page,
+  width,
+  lefts,
+  gridStart,
+  weeks,
+  rawPageByIndex,
+  labels,
+  a11yLabels,
+  dots,
+  selectedIndex,
+  todayIndex,
+  minIndex,
+  maxIndex,
+  onDayPress
+}) => {
+  const cells = [];
+  for (let r = 0; r < weeks; r += 1) {
+    for (let c = 0; c < 7; c += 1) {
+      const i = gridStart + r * 7 + c;
+      // Days of the neighbouring months are blank, as the library's `hideExtraDays` draws them.
+      if (i < 0 || i >= labels.length || rawPageByIndex[i] !== page) continue;
+      cells.push(/*#__PURE__*/_jsx(DayCell, {
+        dayIndex: i,
+        label: labels[i],
+        accessibilityLabel: a11yLabels?.[i],
+        left: lefts[c],
+        top: r * WEEK_ROW_HEIGHT + WEEK_ROW_V_MARGIN,
+        isToday: i === todayIndex,
+        isDisabled: i < minIndex || i > maxIndex,
+        isSelected: i === selectedIndex,
+        dot: dots[i],
+        onPress: onDayPress
+      }, i));
+    }
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.grid, {
+      left: page * width,
+      width
+    }],
+    children: cells
+  });
+});
+MonthGrid.displayName = 'MonthGrid';
+const MonthPagerInner = ({
+  width,
+  lefts,
+  pages,
+  pagesSV,
+  labels,
+  a11yLabels,
+  dots,
+  selectedIndex,
+  initialPage,
+  visiblePage,
+  onDayPress,
+  animatedStyle,
+  isOpen,
+  screenReader
+}) => {
+  const {
+    range,
+    setDate
+  } = useCalendarContext();
+
+  /** A swipe landed on another month: select its first selectable day. */
+  const onMonthSettled = useCallback(page => {
+    setDate(ymdAt(range, clampIndex(range, pages.monthStartByPage[page])), 'pageScroll', 'month');
+  }, [pages, range, setDate]);
+  const pageOf = useCallback(idx => {
+    'worklet';
+
+    return pageOfIndex(pagesSV.value, idx);
+  }, [pagesSV]);
+  const pager = useHorizontalPager({
+    width,
+    initialPage,
+    origin: 'month',
+    pageOf,
+    page: visiblePage,
+    onSettled: onMonthSettled
+  });
+  const interactive = isOpen || screenReader;
+  const committed = pageOfIndex(pages, clampIndex(range, selectedIndex));
+  const reach = isOpen ? 1 : 0;
+  const first = screenReader ? 0 : Math.max(0, committed - reach);
+  const last = screenReader ? pages.count - 1 : Math.min(pages.count - 1, committed + reach);
+  const grids = [];
+  for (let p = first; p <= last; p += 1) {
+    grids.push(/*#__PURE__*/_jsx(MonthGrid, {
+      page: p,
+      width: width,
+      lefts: lefts,
+      gridStart: pages.gridStartByPage[p],
+      weeks: pages.weeksByPage[p],
+      rawPageByIndex: pages.rawPageByIndex,
+      labels: labels,
+      a11yLabels: a11yLabels,
+      dots: dots,
+      selectedIndex: pages.rawPageByIndex[selectedIndex] === p ? selectedIndex : -1,
+      todayIndex: range.todayIndex,
+      minIndex: range.minIndex,
+      maxIndex: range.maxIndex,
+      onDayPress: onDayPress
+    }, p));
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: interactive ? 'auto' : 'none',
+    style: [styles.root, {
+      width
+    }, animatedStyle],
+    children: /*#__PURE__*/_jsx(Animated.ScrollView, {
+      ref: pager.ref,
+      horizontal: true,
+      pagingEnabled: true,
+      showsHorizontalScrollIndicator: false,
+      scrollEnabled: interactive,
+      onScroll: pager.onScroll,
+      scrollEventThrottle: PAGER_SCROLL_THROTTLE,
+      contentOffset: pager.contentOffset,
+      onLayout: pager.onLayout,
+      children: /*#__PURE__*/_jsx(View, {
+        style: {
+          width: pages.count * width,
+          height: GRID_HEIGHT
+        },
+        children: grids
+      })
+    })
+  });
+};
+export const MonthPager = /*#__PURE__*/memo(MonthPagerInner);
+MonthPager.displayName = 'MonthPager';
+const styles = StyleSheet.create({
+  root: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    height: GRID_HEIGHT
+  },
+  grid: {
+    position: 'absolute',
+    top: 0,
+    height: GRID_HEIGHT
+  }
+});
+//# sourceMappingURL=MonthPager.js.map