@sunsama/event-calendar 0.2.0

package/lib/typescript/module/types.d.ts

@@ -0,0 +1,128 @@
+import { Moment } from "moment-timezone";
+import { TextStyle, ViewStyle } from "react-native";
+import { DerivedValue, SharedValue } from "react-native-reanimated";
+import { ReactNode } from "react";
+export type CalendarEvent = {
+    id: string;
+    calendarId: string;
+    title: string;
+    start: string;
+    end: string;
+    isAllDay?: boolean;
+};
+export type AllDayEventLayoutType = {
+    event: CalendarEvent;
+    rowIndex?: number;
+    visibleWidthDays?: number;
+    extend: EventExtend;
+    isPrimaryRendered?: boolean;
+};
+export type PartDayEventLayoutType = {
+    event: CalendarEvent;
+    collisions?: {
+        total: number;
+        order: number;
+    };
+    position: EventPosition;
+};
+export interface CollisionObject {
+    event: CalendarEvent;
+    collisions?: {
+        total: number;
+        order: number;
+    };
+}
+export type EventPosition = {
+    top: number;
+    height: number;
+    width: string;
+    marginLeft: string;
+};
+export type FullCalendarEventLayout = {
+    allDayEventsLayout: AllDayEventLayoutType[];
+    partDayEventsLayout: PartDayEventLayoutType[];
+};
+export type ThemeStyle = {
+    container?: ViewStyle;
+    scrollView?: ViewStyle;
+    timedEventsContainer?: ViewStyle;
+    borderContainer?: ViewStyle;
+    backgroundHoursContainer?: ViewStyle;
+    backgroundHoursInnerContainer?: ViewStyle;
+    backgroundHoursText?: TextStyle;
+    backgroundHoursLayoutContainer?: ViewStyle;
+    newEventContainer?: ViewStyle;
+    eventTitle?: TextStyle;
+    eventSubtitle?: TextStyle;
+    eventContainer?: ViewStyle;
+    timeIndicator?: ViewStyle;
+    allDayContainer?: ViewStyle;
+    allDayEventContainer?: ViewStyle;
+    allDayShowMoreContainer?: ViewStyle;
+    allDayShowMoreText?: TextStyle;
+};
+export type OnCreateEventProps = {
+    hour?: number;
+    minute?: number;
+    isAllDay?: boolean;
+};
+export type onCreateEvent = (arg: OnCreateEventProps) => void;
+export type Config = {
+    timezone: string;
+    timeFormat: string;
+    dayDate: Moment;
+    theme?: ThemeStyle;
+    zoomLevel: SharedValue<number>;
+    layout: FullCalendarEventLayout;
+    createY: SharedValue<number>;
+    maximumHour: SharedValue<number>;
+    onCreateEvent?: onCreateEvent;
+    initialZoomLevel: number;
+    renderEvent: (event: CalendarEvent, extended: EventExtend, eventHeight?: SharedValue<number>, updatedTimes?: {
+        updatedStart: DerivedValue<number>;
+        updatedEnd: DerivedValue<number>;
+    }) => ReactNode;
+    onEventEdit?: (params: {
+        event: CalendarEvent;
+        status: EditStatus;
+        updatedTimes?: {
+            updatedStart: string;
+            updatedEnd: string;
+        };
+    }) => void;
+    onPressEvent?: (event: CalendarEvent) => void;
+    showTimeIndicator?: boolean;
+    maxAllDayEvents: number;
+    canCreateEvents: boolean;
+    canEditEvent: boolean | ((event: CalendarEvent) => boolean);
+    renderNewEventContainer?: (hour: number, minute: number) => ReactNode;
+    fiveMinuteInterval?: boolean;
+    renderDragBars?: {
+        top?: () => ReactNode;
+        bottom?: () => ReactNode;
+    };
+    updateLocalStateAfterEdit: boolean;
+    extraTimedComponents?: (zoomLevel: SharedValue<number>) => ReactNode;
+    onZoomChange?: (zoomLevel: number) => void;
+};
+export type PrefabHour = {
+    increment: number;
+    hourFormatted: string;
+    hourMoment: Moment;
+};
+export type CalendarViewIntervalType = "month" | "workweek" | "3day" | "1day" | "week";
+/**
+ * Tells us if an event extends into the next day, the previous day, or both.
+ * Used for all day events.
+ */
+export declare enum EventExtend {
+    None = 0,
+    Past = 1,
+    Future = 2,
+    Both = 3
+}
+export declare enum EditStatus {
+    Start = 0,
+    Finish = 1
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/utils/__tests___/compute-positioning.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compute-positioning.test.d.ts.map

package/lib/typescript/module/utils/__tests___/compute-positioning.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute-positioning.test.d.ts","sourceRoot":"","sources":["../../../../../src/utils/__tests___/compute-positioning.test.ts"],"names":[],"mappings":""}

package/lib/typescript/module/utils/__tests___/date-utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date-utils.test.d.ts.map

package/lib/typescript/module/utils/__tests___/date-utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.test.d.ts","sourceRoot":"","sources":["../../../../../src/utils/__tests___/date-utils.test.ts"],"names":[],"mappings":""}

package/lib/typescript/module/utils/__tests___/generate-event-layout.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-event-layout.test.d.ts.map

package/lib/typescript/module/utils/__tests___/generate-event-layout.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-event-layout.test.d.ts","sourceRoot":"","sources":["../../../../../src/utils/__tests___/generate-event-layout.test.ts"],"names":[],"mappings":""}

package/lib/typescript/module/utils/calendar-layout.d.ts

@@ -0,0 +1,36 @@
+import { EventExtend } from "src/types";
+export declare class CalendarLayout {
+    array2d: any[];
+    visibleX: Set<number>;
+    enableWeekBreaks: boolean;
+    startOfWeekXOffset: number;
+    constructor({ visibleX, enableWeekBreaks, startOfWeekXOffset, }: {
+        visibleX: number[];
+        enableWeekBreaks: boolean;
+        startOfWeekXOffset: number;
+    });
+    getAt(x: number, y: number): any;
+    setAt(x: number, y: number, value: {
+        value: any;
+        meta: {
+            x: any;
+        };
+    }): void;
+    setRange(x: number, y: number, duration: number, value: any): void;
+    fit(x: number, y: number, duration: number): boolean;
+    findFit(x: number, duration: number): number;
+    findFitAndInsert(eventStartIndex: number, eventDurationDays: number, event: any): void;
+    height(): any;
+    getViewAt(x: number, y: number): {
+        event?: undefined;
+        visibleWidthDays?: undefined;
+        isPrimaryRendered?: undefined;
+        extend?: undefined;
+    } | {
+        event: any;
+        visibleWidthDays: number;
+        isPrimaryRendered: boolean;
+        extend: EventExtend;
+    };
+}
+//# sourceMappingURL=calendar-layout.d.ts.map

package/lib/typescript/module/utils/calendar-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/calendar-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,qBAAa,cAAc;IAIzB,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;gBAEf,EACV,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,GACnB,EAAE;QACD,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,kBAAkB,EAAE,MAAM,CAAC;KAC5B;IAOD,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAI1B,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,IAAI,EAAE;YAAE,CAAC,EAAE,GAAG,CAAA;SAAE,CAAA;KAAE;IASnE,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAM3D,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAS1C,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAQnC,gBAAgB,CACd,eAAe,EAAE,MAAM,EACvB,iBAAiB,EAAE,MAAM,EACzB,KAAK,EAAE,GAAG;IAMZ,MAAM;IAMN,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;;;;;;;;;;;CA4D/B"}

package/lib/typescript/module/utils/compute-positioning.d.ts

@@ -0,0 +1,10 @@
+import { Moment } from "moment-timezone";
+import { CollisionObject, EventPosition } from "src/types";
+type ComputePositioning = {
+    collisionObject: CollisionObject;
+    startOfDayMoment: Moment;
+    timezone: string;
+};
+declare const computePositioning: ({ collisionObject, startOfDayMoment, timezone, }: ComputePositioning) => EventPosition;
+export default computePositioning;
+//# sourceMappingURL=compute-positioning.d.ts.map

package/lib/typescript/module/utils/compute-positioning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute-positioning.d.ts","sourceRoot":"","sources":["../../../../src/utils/compute-positioning.ts"],"names":[],"mappings":"AAAA,OAAe,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE3D,KAAK,kBAAkB,GAAG;IAExB,eAAe,EAAE,eAAe,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,kBAAkB,qDAIrB,kBAAkB,KAAG,aA2BvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/module/utils/date-utils.d.ts

@@ -0,0 +1,30 @@
+import moment, { type Moment } from "moment-timezone";
+import { CalendarEvent, PrefabHour } from "src/types";
+export declare const generatePrefabHours: (timeFormat?: string) => PrefabHour[];
+export declare const startOfUserWeek: (startDayOfWeekOffset: number, dateOrMoment: Date | Moment | string, timezone: string) => moment.Moment;
+export declare const isAllDayOrSpansMidnight: (calendarEvent: CalendarEvent, timezone: string) => boolean;
+export declare const getDurationInDays: (calendarEvent: CalendarEvent, timezone: string) => number;
+export declare const daysInRange: ({ startDate, endDate, timezone, }: {
+    startDate: Date | string;
+    endDate: Date | string;
+    timezone: string;
+}) => string[];
+export declare const getDuration: (calendarEvent: CalendarEvent, trueDuration?: boolean) => number;
+export declare const computeCalendarDateRange: (date: string | Date | Moment, tz: string, viewType: "month" | "workweek" | "3day" | "1day" | "week", startDayOfWeekOffset: number) => {
+    basisDate: Date;
+    dayIndexes: number[];
+    days: Date[];
+    startDate: Date;
+    endDate: Date;
+    calendarDates: string[];
+    startCalendarDate: string;
+    endCalendarDate: string;
+};
+export declare const dateRangeIntersect: ({ startDate: start0, endDate: end0 }: {
+    startDate: Date;
+    endDate: Date;
+}, { startDate: start1, endDate: end1 }: {
+    startDate: Date;
+    endDate: Date;
+}) => boolean;
+//# sourceMappingURL=date-utils.d.ts.map

package/lib/typescript/module/utils/date-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/date-utils.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEtD,eAAO,MAAM,mBAAmB,gBAClB,MAAM,KACjB,UAAU,EAwBZ,CAAC;AAIF,eAAO,MAAM,eAAe,yBACJ,MAAM,gBACd,IAAI,GAAG,MAAM,GAAG,MAAM,YAC1B,MAAM,kBAejB,CAAC;AAEF,eAAO,MAAM,uBAAuB,kBACnB,aAAa,YAClB,MAAM,YAiBjB,CAAC;AAGF,eAAO,MAAM,iBAAiB,kBACb,aAAa,YAClB,MAAM,WAcjB,CAAC;AAGF,eAAO,MAAM,WAAW,sCAIrB;IACD,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,OAAO,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB,aAqBA,CAAC;AAEF,eAAO,MAAM,WAAW,kBACP,aAAa,iBACb,OAAO,WAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,MAAM,GAAG,IAAI,GAAG,MAAM,MACxB,MAAM,YACA,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,wBACnC,MAAM;;;;;;;;;CAiE7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,yCACS;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,wCAClC;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,YAgBzE,CAAC"}

package/lib/typescript/module/utils/double-tap-reset-zoom-gesture.d.ts

@@ -0,0 +1,5 @@
+import { SharedValue } from "react-native-reanimated";
+import { Config } from "src/types";
+declare const doubleTapGesture: (zoomLevel: SharedValue<number>, initialZoomLevel: number, onZoomChange?: Config["onZoomChange"]) => import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
+export default doubleTapGesture;
+//# sourceMappingURL=double-tap-reset-zoom-gesture.d.ts.map

package/lib/typescript/module/utils/double-tap-reset-zoom-gesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"double-tap-reset-zoom-gesture.d.ts","sourceRoot":"","sources":["../../../../src/utils/double-tap-reset-zoom-gesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAA,MAAM,gBAAgB,cACT,WAAW,CAAC,MAAM,CAAC,oBACZ,MAAM,iBACT,MAAM,CAAC,cAAc,CAAC,kGAajC,CAAC;AAEP,eAAe,gBAAgB,CAAC"}

package/lib/typescript/module/utils/generate-event-layouts.d.ts

@@ -0,0 +1,15 @@
+import { CalendarEvent, CalendarViewIntervalType, FullCalendarEventLayout } from "src/types";
+interface GenerateEventLayouts {
+    events: CalendarEvent[];
+    userCalendarId: string;
+    timezone: string;
+    startCalendarDate: string;
+    endCalendarDate: string;
+    startDayOfWeekOffset?: number;
+    calendarViewInterval?: CalendarViewIntervalType;
+}
+export declare const generateEventLayouts: ({ events, startCalendarDate, endCalendarDate, userCalendarId, calendarViewInterval, startDayOfWeekOffset, timezone, }: GenerateEventLayouts) => {
+    [day: string]: FullCalendarEventLayout;
+};
+export default generateEventLayouts;
+//# sourceMappingURL=generate-event-layouts.d.ts.map

package/lib/typescript/module/utils/generate-event-layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-event-layouts.d.ts","sourceRoot":"","sources":["../../../../src/utils/generate-event-layouts.ts"],"names":[],"mappings":"AAeA,OAAO,EAEL,aAAa,EACb,wBAAwB,EAGxB,uBAAuB,EAExB,MAAM,WAAW,CAAC;AAEnB,UAAU,oBAAoB;IAC5B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,wBAAwB,CAAC;CACjD;AAED,eAAO,MAAM,oBAAoB,0HAQ9B,oBAAoB;;CA8JtB,CAAC;AAgHF,eAAe,oBAAoB,CAAC"}

package/lib/typescript/module/utils/globals.d.ts

@@ -0,0 +1,5 @@
+import { Config } from "src/types";
+export declare const ConfigProvider: import("react").Context<Config>;
+export declare const DEFAULT_MINUTE_HEIGHT = 0.8;
+export declare const TOP_MARGIN_PIXEL_OFFSET = 5;
+//# sourceMappingURL=globals.d.ts.map

package/lib/typescript/module/utils/globals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../../../../src/utils/globals.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,eAAO,MAAM,cAAc,iCAA4C,CAAC;AAExE,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,eAAO,MAAM,uBAAuB,IAAI,CAAC"}

package/lib/typescript/module/utils/pan-edit-event-gesture.d.ts

@@ -0,0 +1,6 @@
+import { SharedValue } from "react-native-reanimated";
+import { RefObject } from "react";
+import { PartDayEventLayoutType } from "src/types";
+declare const gesturePan: (startY: SharedValue<number>, top: SharedValue<number>, currentY: SharedValue<number>, zoomLevel: SharedValue<number>, maximumHour: SharedValue<number>, height: SharedValue<number>, refNewEvent: RefObject<any>, fiveMinuteInterval?: boolean, isEditing?: null | PartDayEventLayoutType, startEditing?: () => void) => import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+export default gesturePan;
+//# sourceMappingURL=pan-edit-event-gesture.d.ts.map

package/lib/typescript/module/utils/pan-edit-event-gesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pan-edit-event-gesture.d.ts","sourceRoot":"","sources":["../../../../src/utils/pan-edit-event-gesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAEnD,QAAA,MAAM,UAAU,WACN,WAAW,CAAC,MAAM,CAAC,OACtB,WAAW,CAAC,MAAM,CAAC,YACd,WAAW,CAAC,MAAM,CAAC,aAClB,WAAW,CAAC,MAAM,CAAC,eACjB,WAAW,CAAC,MAAM,CAAC,UACxB,WAAW,CAAC,MAAM,CAAC,eACd,SAAS,CAAC,GAAG,CAAC,uBACN,OAAO,cAChB,IAAI,GAAG,sBAAsB,iBAC1B,MAAM,IAAI,kGA8CrB,CAAC;AAEP,eAAe,UAAU,CAAC"}

package/package.json

@@ -0,0 +1,195 @@
+{
+  "name": "@sunsama/event-calendar",
+  "version": "0.2.0",
+  "description": "Event calendar.",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace example start",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sunsama/event-calendar.git"
+  },
+  "author": "Sunsama <development@sunsama.com> (https://sunsama.com)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/sunsama/event-calendar/issues"
+  },
+  "homepage": "https://github.com/sunsama/event-calendar#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "immer": "^10.1.1",
+    "lodash": "^4.17.21",
+    "moment-timezone": "^0.5.47",
+    "react-native-gesture-handler": "^2.24.0",
+    "react-native-reanimated": "^3.16.7",
+    "zustand": "^5.0.3"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.7.1",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.73.1",
+    "@release-it/conventional-changelog": "^10.0.0",
+    "@types/jest": "^29.5.5",
+    "@types/lodash": "^4.17.15",
+    "@types/react": "^18.2.44",
+    "commitlint": "^19.7.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "18.3.1",
+    "react-native": "0.76.7",
+    "react-native-builder-bob": "^0.37.0",
+    "release-it": "^17.10.0",
+    "ts-jest": "^29.2.6",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.4",
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": false,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": false,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "esm": true
+        }
+      ]
+    ],
+    "exclude": [
+      "**/__tests__/**",
+      "**/*.test.ts",
+      "**/*.test.tsx"
+    ]
+  },
+  "create-react-native-library": {
+    "languages": "js",
+    "type": "library",
+    "version": "0.48.2"
+  }
+}

package/src/components/all-day-events.tsx

@@ -0,0 +1,134 @@
+import { memo, useCallback, useContext, useState } from "react";
+import { ConfigProvider } from "src/utils/globals";
+import { LayoutChangeEvent, StyleSheet, Text, View } from "react-native";
+import EventContainer from "src/components/event-container";
+import { Pressable } from "react-native-gesture-handler";
+import Animated, {
+  runOnJS,
+  useAnimatedStyle,
+  useSharedValue,
+  withTiming,
+} from "react-native-reanimated";
+
+const AllDayEvents = memo(
+  () => {
+    const { layout, theme, maxAllDayEvents } = useContext(ConfigProvider);
+    const [showAllDayEvents, setShowAllDayEvents] = useState(false);
+
+    const measuredHeight = useSharedValue(0);
+    const originalHeight = useSharedValue(0);
+
+    const onPress = useCallback(() => {
+      const newState = !showAllDayEvents;
+
+      if (!newState) {
+        measuredHeight.value = withTiming(
+          originalHeight.value,
+          {
+            duration: 250,
+          },
+          () => {
+            runOnJS(setShowAllDayEvents)(newState);
+          }
+        );
+      } else {
+        setShowAllDayEvents(newState);
+      }
+    }, [measuredHeight, originalHeight, showAllDayEvents]);
+
+    const allDayEvents = showAllDayEvents
+      ? layout.allDayEventsLayout
+      : layout.allDayEventsLayout.slice(0, maxAllDayEvents);
+    const restEventAmount =
+      layout.allDayEventsLayout.length - allDayEvents.length;
+
+    // Called whenever the content inside changes layout
+    const onContentLayout = useCallback(
+      (e: LayoutChangeEvent) => {
+        const { height } = e.nativeEvent.layout;
+
+        if (!originalHeight.value) {
+          originalHeight.value = height;
+          measuredHeight.value = height;
+          return;
+        }
+
+        // Animate from the old height to the new height
+        measuredHeight.value = withTiming(height, { duration: 250 });
+      },
+      [measuredHeight, originalHeight]
+    );
+
+    // Apply the animated height to the wrapping container
+    const animatedStyle = useAnimatedStyle(() => {
+      return {
+        // This ensures the container’s height animates smoothly
+        height: measuredHeight.value,
+      };
+    });
+
+    return (
+      <View style={[styles.container, theme?.allDayContainer]}>
+        <View style={[styles.eventContainer, theme?.allDayEventContainer]}>
+          <Animated.View
+            style={[
+              animatedStyle,
+              {
+                overflow: "hidden", // so children get clipped during animation
+                backgroundColor: "lightgrey",
+                minHeight: 1,
+              },
+            ]}
+          >
+            <View onLayout={onContentLayout}>
+              {allDayEvents.map((allDayLayout) => (
+                <EventContainer
+                  key={allDayLayout.event.id}
+                  layout={allDayLayout}
+                />
+              ))}
+            </View>
+          </Animated.View>
+          {layout.allDayEventsLayout.length > maxAllDayEvents ? (
+            <Pressable onPress={onPress}>
+              <View
+                style={[styles.moreContainer, theme?.allDayShowMoreContainer]}
+              >
+                <Text
+                  style={[styles.moreContainerText, theme?.allDayShowMoreText]}
+                >
+                  {restEventAmount ? `${restEventAmount} more` : "Show less"}
+                </Text>
+              </View>
+            </Pressable>
+          ) : null}
+        </View>
+      </View>
+    );
+  },
+  () => true
+);
+
+export default AllDayEvents;
+
+const styles = StyleSheet.create({
+  container: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderColor: "black",
+    overflow: "hidden",
+  },
+  eventContainer: {
+    marginLeft: 50,
+    marginRight: 10,
+    borderLeftWidth: StyleSheet.hairlineWidth,
+    borderColor: "black",
+  },
+  moreContainer: {
+    padding: 5,
+  },
+  moreContainerText: {
+    fontSize: 12,
+    fontWeight: "bold",
+    color: "grey",
+  },
+});