react-native-agenda-kit 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shivam Pandey
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,364 @@
+<div align="center">
+
+# react-native-agenda-kit
+
+**An expandable month/week calendar, an agenda list and a day timeline for React
+Native — built to stay smooth under a hard fling on a low-end Android phone.**
+
+[![npm](https://img.shields.io/npm/v/react-native-agenda-kit.svg)](https://www.npmjs.com/package/react-native-agenda-kit)
+[![license](https://img.shields.io/badge/license-MIT-blue.svg)](./LICENSE)
+[![platforms](https://img.shields.io/badge/platforms-iOS%20%7C%20Android-lightgrey.svg)](./docs/compatibility.md)
+[![types](https://img.shields.io/badge/types-TypeScript-3178c6.svg)](./docs/api.md)
+
+[Install](#install) · [Quick start](#quick-start) · [Features](#features) ·
+[Docs](./docs/README.md) · [API](./docs/api.md) ·
+[Migration](./docs/migration.md)
+
+![The three surfaces of react-native-agenda-kit](./docs/assets/hero.svg)
+
+</div>
+
+Three surfaces share **one date owner** and **one integer index space**, so
+tapping a day, flinging the agenda, swiping the week strip and paging the
+timeline all stay in sync without latches, timers or `changedItems`
+bookkeeping.
+
+## Why another calendar
+
+It is a rewrite of the parts of `react-native-calendars` that get slow, with the
+same public API so a migration is a copy, not a rewrite.
+
+- **Nothing is measured.** Row heights are *declared* per row type. A wrong
+  number clips inside its slot instead of shifting the list — so a fling never
+  jumps, and there is no `onLayout` round-trip on the critical path.
+- **Scroll sync runs on the UI thread.** Every scroll handler is a worklet; the
+  JS thread is told only at settle. The originating scroller ignores moves it
+  produced itself, which is the whole echo-proofing story.
+- **A windowed agenda with a moving backdrop.** Rows entering the window during
+  a fast fling are deferred and skeleton tiles show through their slots, so a
+  fling that outruns JS never shows bare ground.
+- **No date library.** Civil-date arithmetic is integer maths on epoch days.
+  Worklets never touch strings.
+- **One accent, eleven colours.** The whole visual surface is eleven colour
+  tokens and three font families.
+
+![How the pieces fit together](./docs/assets/architecture.svg)
+
+---
+
+## Install
+
+```sh
+npm install react-native-agenda-kit
+npm install react-native-reanimated react-native-worklets react-native-gesture-handler
+```
+
+With Expo, use `npx expo install` for the three peers so the versions match
+your SDK.
+
+Every scroll handler is a worklet, so **the worklets Babel plugin must run over
+this package**. With Expo (`babel-preset-expo`) it already does. Bare React
+Native, in `babel.config.js`:
+
+```js
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+  plugins: ['react-native-worklets/plugin'], // must be last
+};
+```
+
+Then wrap your app once, as gesture-handler requires, and rebuild:
+
+```tsx
+<GestureHandlerRootView style={{ flex: 1 }}>{/* … */}</GestureHandlerRootView>
+```
+
+If the plugin is missing, the kit says so by name in development rather than
+scrolling wrongly.
+
+📖 **Full walkthrough, including Expo vs bare and the rebuild step:
+[docs/installation.md](./docs/installation.md)**
+
+---
+
+## Compatibility
+
+| Peer | Minimum | Developed against |
+| --- | --- | --- |
+| `react` | ≥ 18.0.0 | 19.2.0 |
+| `react-native` | ≥ 0.74.0 | 0.83.6 |
+| `react-native-reanimated` | ≥ 4.0.0 | 4.2.1 |
+| `react-native-worklets` | ≥ 0.3.0 | 0.7.4 |
+| `react-native-gesture-handler` | ≥ 2.16.0 | 2.30.0 |
+
+| | |
+| --- | --- |
+| **New Architecture** | ✅ Required — Reanimated 4 runs only on it |
+| **Old Architecture** | ❌ |
+| **iOS / Android** | ✅ Supported and tested |
+| **Web** | ❌ Not supported |
+| **Expo** | ✅ Managed and bare; use a development build rather than Expo Go |
+| **TypeScript** | ✅ Types ship for both ESM and CJS |
+
+📖 **Module formats, accessibility behaviour, font scaling, time zones:
+[docs/compatibility.md](./docs/compatibility.md)**
+
+---
+
+## Quick start
+
+```tsx
+import { useMemo, useState } from 'react';
+import { Text, View } from 'react-native';
+import {
+  AgendaList,
+  CalendarProvider,
+  ExpandableCalendar,
+  buildRange,
+  type AgendaSection,
+  type DateString,
+} from 'react-native-agenda-kit';
+
+type Item = { id: string; time: string; title: string };
+
+const ROW_HEIGHTS = { Regular: 64 }; // declared, never measured
+
+export default function Screen() {
+  const [date, setDate] = useState<DateString>('2026-09-10');
+
+  // The index space: a padded-to-whole-weeks window. Build it once.
+  const range = useMemo(
+    () => buildRange(new Date(2026, 6, 1), new Date(2026, 10, 30), 1),
+    [],
+  );
+
+  const sections: AgendaSection<Item>[] = useMemo(
+    () => [
+      {
+        title: '2026-09-10',
+        data: [{ id: 'a', time: '09:00', title: 'Consultation' }],
+      },
+    ],
+    [],
+  );
+
+  return (
+    <CalendarProvider
+      range={range}
+      date={date}
+      onDateChanged={(next) => setDate(next)}
+      showTodayButton
+      todayLabel="Today"
+    >
+      <ExpandableCalendar closeOnDayPress>
+        <AgendaList<Item>
+          sections={sections}
+          itemHeightByType={ROW_HEIGHTS}
+          renderItem={({ item }) => (
+            <View style={{ height: ROW_HEIGHTS.Regular, justifyContent: 'center' }}>
+              <Text>{item.time} · {item.title}</Text>
+            </View>
+          )}
+          renderSectionHeader={(title) => <Text>{title}</Text>}
+          stickySectionHeadersEnabled
+        />
+      </ExpandableCalendar>
+    </CalendarProvider>
+  );
+}
+```
+
+`ExpandableCalendar`'s children are rendered in the body it pushes down — put
+the agenda or the timeline there.
+
+### A day timeline instead
+
+```tsx
+import { TimelineList } from 'react-native-agenda-kit';
+
+<TimelineList
+  events={{
+    '2026-09-10': [
+      { id: '1', start: '2026-09-10 09:00:00', end: '2026-09-10 09:30:00', title: 'Consultation' },
+    ],
+  }}
+  showNowIndicator
+  scrollToFirst
+  timelineProps={{
+    format24h: true,
+    hourHeight: 60,
+    availableHours: { '2026-09-10': [{ start: 8, end: 18 }] },
+    onEventPress: (event) => console.log(event.id),
+  }}
+/>
+```
+
+Neighbouring dates must be present in `events` or a swipe shows a blank day.
+Note `availableHours` takes the **available** windows, not the unavailable ones
+— the one deliberate rename from `react-native-calendars`.
+
+📖 **Recipes for data loading, view switching, dark mode, refresh, localisation
+and more: [docs/usage.md](./docs/usage.md)**
+
+---
+
+## Features
+
+Every behaviour, its default, and the prop that switches it. The full
+switchboard — including what is deliberately always on, and why — is in
+**[docs/features.md](./docs/features.md)**.
+
+### `ExpandableCalendar` — week strip ⇄ month grid
+
+| Feature | Default | Switch |
+| --- | --- | --- |
+| Drag the knob to expand | on | `disablePan` |
+| Open at mount | closed | `initialPosition="open"` |
+| Collapse on day press | **on** | `closeOnDayPress={false}` |
+| Collapse when the list scrolls | **on** | `closeOnListScroll={false}` |
+| Drag distance before it commits | 30 px | `openThreshold`, `closeThreshold` |
+| Dots, selection, disabled days | off | `markedDates` |
+| Month names over each 1st | off | `monthShortLabels` |
+| Screen-reader labels | off | `knobAccessibilityLabel`, `dayAccessibilityLabel` |
+| Toggle from your own button | — | `ref.current.toggleCalendarPosition()` |
+
+### `AgendaList` — windowed section list
+
+| Feature | Default | Switch |
+| --- | --- | --- |
+| Declared row heights | — | `itemHeightByType` (**required**) |
+| Row type resolution | `item.itemCustomHeightType` → `'Regular'` | `getItemType` |
+| Section header height | 32 px | `sectionHeaderHeight` |
+| Sticky headers (a real overlay) | off | `stickySectionHeadersEnabled` |
+| Pull to refresh | off | `onRefresh` + `refreshing` |
+| Skeleton backdrop during a fling | off | `backdrop`, `rowGroundColor` |
+| Drag / settle callbacks | off | `onDragBegin`, `onSettle` |
+| Scroll deceleration | 0.985 | `decelerationRate` |
+| Imperative scrolling | — | `ref` → `scrollToDate`, `scrollToSection`, `scrollToOffset` |
+
+### `TimelineList` — day view
+
+| Feature | Default | Switch |
+| --- | --- | --- |
+| Now indicator | off | `showNowIndicator` |
+| Open at now / first event / a time | top of day | `scrollToNow`, `scrollToFirst`, `initialTime` |
+| 24-hour clock | **on** | `timelineProps.format24h` |
+| Hour height | 100 px | `timelineProps.hourHeight` |
+| Available-hours wash | off | `timelineProps.availableHours` (+ `availableHoursColor`) |
+| Overlap packing | always on | `overlapEventsSpacing`, `rightEdgeSpacing` |
+| Custom event blocks | default fill | `renderEvent`, `onEventPress`, or `event.color` |
+| Day paging | always on | include neighbouring dates in `events` |
+
+### `CalendarProvider` — the date owner
+
+| Feature | Default | Switch |
+| --- | --- | --- |
+| Today pill | off | `showTodayButton` + `todayLabel` |
+| Lift the pill above a tab bar | 0 | `todayBottomMargin` |
+| Date / month callbacks | — | `onDateChanged`, `onMonthChange` |
+| Dark theme | light | `themeBase={darkTheme}` |
+| Brand colours and fonts | built-in | `theme` |
+
+### Always on, on purpose
+
+Worklet scroll handlers · declared row heights · windowing · echo-proofing the
+controlled date · `allowFontScaling={false}` inside the kit · integer epoch-day
+date maths. [Why each one is not a prop →](./docs/features.md#always-on--and-why)
+
+---
+
+## Theming
+
+Eleven colours and three font families. If a colour is not on this list, the
+kit does not draw it.
+
+![The eleven colour tokens in light and dark](./docs/assets/theme-tokens.svg)
+
+```tsx
+import { CalendarProvider, darkTheme } from 'react-native-agenda-kit';
+
+// Hoist it: a fresh object every render rebuilds every stylesheet in the tree.
+const THEME = {
+  colors: { accent: '#0F766E', accentFill: '#0F766E' },
+  fonts: { regular: 'Inter-Regular', medium: 'Inter-Medium', semiBold: 'Inter-SemiBold' },
+};
+
+<CalendarProvider theme={THEME} themeBase={darkTheme} {...rest}>
+```
+
+`lightTheme` and `darkTheme` are exported, as are the static metrics
+(`SPACING`, `FONT_SIZE`, `RADIUS`, `ANIMATION`, `EASING`) if you want to match
+them elsewhere. `AgendaKitThemeProvider` is available if you would rather theme
+above `CalendarProvider`.
+
+📖 **What each token paints, ink vs fill, and what is deliberately not
+themeable: [docs/theming.md](./docs/theming.md)**
+
+---
+
+## Migrating from `react-native-calendars`
+
+The component and prop names match deliberately. Six differences matter:
+
+| | `react-native-calendars` | this kit |
+| --- | --- | --- |
+| Row heights | measured | **declared** via `itemHeightByType` (required) |
+| Sticky headers | emulated | a real fixed overlay |
+| `unavailableHours` | the unavailable windows | `availableHours` — the **available** ones |
+| `theme` object | a large nested theme | eleven colours + three fonts |
+| Strings | ships English defaults | ships **none** — pass `todayLabel`, `monthShortLabels`, a11y labels |
+| Date range | `pastScrollRange` / `futureScrollRange` | one `range` from `buildRange` |
+
+`ExpandableCalendar` still accepts `firstDay`, `renderHeader`, `headerStyle`,
+`minDate`, `maxDate`, `pastScrollRange`, `futureScrollRange`, `hideArrows`,
+`hideDayNames`, `theme` and friends — **typed and ignored**, so copied JSX
+compiles while you delete them. No header band or day-names row is rendered;
+render your own above the calendar.
+
+📖 **Step-by-step diffs: [docs/migration.md](./docs/migration.md)**
+
+---
+
+## Notes and limits
+
+- `AgendaList` heights are contracts. A row taller than its declared type clips.
+- `TimelineList` needs neighbouring dates present in `events` to swipe into.
+- Text ignores OS font scaling inside the kit (`allowFontScaling={false}`),
+  because declared heights and scaled text cannot both be right. Scale your
+  `itemHeightByType` yourself if you need to honour it.
+- Reduce Motion collapses every duration to 0; a running screen reader switches
+  `ExpandableCalendar` to a static open grid.
+- Tested on iOS and Android. Web is not supported.
+
+Something not behaving? [docs/troubleshooting.md](./docs/troubleshooting.md)
+lists every error message the kit can emit and what causes it.
+
+---
+
+## Documentation
+
+| | |
+| --- | --- |
+| [Installation](./docs/installation.md) | Peers, the Babel plugin, rebuilding |
+| [Compatibility](./docs/compatibility.md) | Versions, architecture, platforms, a11y, time zones |
+| [Usage](./docs/usage.md) | Quick starts and recipes |
+| [Features](./docs/features.md) | Every toggle, default and switch |
+| [API](./docs/api.md) | Every prop, ref, helper and type |
+| [Theming](./docs/theming.md) | The eleven tokens |
+| [Migration](./docs/migration.md) | From `react-native-calendars` |
+| [Troubleshooting](./docs/troubleshooting.md) | Errors and failure modes |
+
+## Contributing
+
+```sh
+npm install
+npm run typecheck
+npm run build
+```
+
+Issues and pull requests:
+[github.com/shivampandey-07/react-native-agenda-kit](https://github.com/shivampandey-07/react-native-agenda-kit)
+
+## License
+
+MIT © Shivam Pandey

package/lib/commonjs/agenda/AgendaBackdrop.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgendaBackdrop = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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 "never white" layer: static skeleton tiles BEHIND the list, moved by the
+ * scroll offset modulo one tile.
+ *
+ * Every list renders rows from JavaScript, so a fling faster than the JS thread
+ * can mount rows leaves slots with nothing drawn. This layer exists before the
+ * rows do; drawn rows cover it (their slots paint the list ground). Measured
+ * with the list-library trial: 25–51 % white frames without it, 0 % with it, on
+ * every engine. No shimmer — it sits hidden behind real rows almost always.
+ */
+
+const AgendaBackdropInner = ({
+  scrollY,
+  tileHeight,
+  renderTile
+}) => {
+  const tiles = (0, _react.useMemo)(() => {
+    if (tileHeight <= 0) return null;
+    const count = Math.ceil(_reactNative.Dimensions.get('window').height / tileHeight) + 2;
+    const tileStyle = {
+      height: tileHeight
+    };
+    const out = [];
+    for (let i = 0; i < count; i += 1) {
+      out.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: tileStyle,
+        children: renderTile()
+      }, i));
+    }
+    return out;
+  }, [renderTile, tileHeight]);
+  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const r = tileHeight > 0 ? scrollY.value % tileHeight : 0;
+    return {
+      transform: [{
+        translateY: -(r < 0 ? r + tileHeight : r)
+      }]
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    style: styles.fill,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: style,
+      children: tiles
+    })
+  });
+};
+const AgendaBackdrop = exports.AgendaBackdrop = /*#__PURE__*/(0, _react.memo)(AgendaBackdropInner);
+AgendaBackdrop.displayName = 'AgendaBackdrop';
+const styles = _reactNative.StyleSheet.create({
+  fill: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=AgendaBackdrop.js.map

package/lib/commonjs/agenda/AgendaBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AgendaBackdropInner","scrollY","tileHeight","renderTile","tiles","useMemo","count","Math","ceil","Dimensions","height","tileStyle","out","push","jsx","View","style","children","useAnimatedStyle","value","transform","translateY","pointerEvents","styles","fill","AgendaBackdrop","exports","memo","displayName","StyleSheet","create","absoluteFillObject","overflow"],"sourceRoot":"../../../src","sources":["agenda/AgendaBackdrop.tsx"],"mappings":"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","ignoreList":[]}