@sunsama/event-calendar 0.2.6 → 0.2.8

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

@@ -1,31 +1,31 @@
 import type { CalendarEvent, Config, onCreateEvent, ThemeStyle } from "./types";
 export * from "./types";
-type EventCalenderProps = {
+type EventCalenderProps<T extends CalendarEvent> = {
     canCreateEvents?: boolean;
-    canEditEvent?: Config["canEditEvent"];
+    canEditEvent?: Config<T>["canEditEvent"];
     dayDate: string;
-    events: CalendarEvent[];
+    events: T[];
     fiveMinuteInterval?: boolean;
     initialZoomLevel?: number;
     maxAllDayEvents?: number;
     onCreateEvent?: onCreateEvent;
-    onEventEdit?: Config["onEventEdit"];
-    onPressEvent?: Config["onPressEvent"];
-    renderDragBars?: Config["renderDragBars"];
-    renderEvent: Config["renderEvent"];
-    renderNewEventContainer?: Config["renderNewEventContainer"];
+    onEventEdit?: Config<T>["onEventEdit"];
+    onPressEvent?: Config<T>["onPressEvent"];
+    renderDragBars?: Config<T>["renderDragBars"];
+    renderEvent: Config<T>["renderEvent"];
+    renderNewEventContainer?: Config<T>["renderNewEventContainer"];
     showTimeIndicator?: boolean;
     theme?: ThemeStyle;
     timeFormat?: string;
     timezone?: string;
     updateLocalStateAfterEdit?: boolean;
     userCalendarId?: string;
-    extraTimedComponents?: Config["extraTimedComponents"];
-    onZoomChange?: Config["onZoomChange"];
+    extraTimedComponents?: Config<T>["extraTimedComponents"];
+    onZoomChange?: Config<T>["onZoomChange"];
 };
 /**
  * Wraps `EventCalendarContent` inside `ClonedEventsProvider` to manage cloned events independently.
  */
-declare const EventCalendar: ({ timeFormat, dayDate, events, initialZoomLevel, timezone, userCalendarId, maxAllDayEvents, updateLocalStateAfterEdit, canCreateEvents, canEditEvent, ...props }: EventCalenderProps) => import("react").JSX.Element;
+declare const EventCalendar: <T extends CalendarEvent>({ timeFormat, dayDate, events, initialZoomLevel, timezone, userCalendarId, maxAllDayEvents, updateLocalStateAfterEdit, canCreateEvents, canEditEvent, ...props }: EventCalenderProps<T>) => import("react").JSX.Element;
 export default EventCalendar;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhF,cAAc,SAAS,CAAC;AAExB,KAAK,kBAAkB,GAAG;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;IACnC,uBAAuB,CAAC,EAAE,MAAM,CAAC,yBAAyB,CAAC,CAAC;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC,sBAAsB,CAAC,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAmGF;;GAEG;AACH,QAAA,MAAM,aAAa,qKAYhB,kBAAkB,gCAgCpB,CAAC;AA0BF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhF,cAAc,SAAS,CAAC;AAExB,KAAK,kBAAkB,CAAC,CAAC,SAAS,aAAa,IAAI;IACjD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;CAC1C,CAAC;AAmGF;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,aAAa,oKAY3C,kBAAkB,CAAC,CAAC,CAAC,gCAgCvB,CAAC;AA0BF,eAAe,aAAa,CAAC"}

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

@@ -10,23 +10,23 @@ export type CalendarEvent = {
     end: string;
     isAllDay?: boolean;
 };
-export type AllDayEventLayoutType = {
-    event: CalendarEvent;
+export type AllDayEventLayoutType<T extends CalendarEvent> = {
+    event: T;
     rowIndex?: number;
     visibleWidthDays?: number;
     extend: EventExtend;
     isPrimaryRendered?: boolean;
 };
-export type PartDayEventLayoutType = {
-    event: CalendarEvent;
+export type PartDayEventLayoutType<T extends CalendarEvent> = {
+    event: T;
     collisions?: {
         total: number;
         order: number;
     };
     position: EventPosition;
 };
-export interface CollisionObject {
-    event: CalendarEvent;
+export interface CollisionObject<T extends CalendarEvent> {
+    event: T;
     collisions?: {
         total: number;
         order: number;
@@ -38,9 +38,9 @@ export type EventPosition = {
     width: string;
     marginLeft: string;
 };
-export type FullCalendarEventLayout = {
-    allDayEventsLayout: AllDayEventLayoutType[];
-    partDayEventsLayout: PartDayEventLayoutType[];
+export type FullCalendarEventLayout<T extends CalendarEvent> = {
+    allDayEventsLayout: AllDayEventLayoutType<T>[];
+    partDayEventsLayout: PartDayEventLayoutType<T>[];
 };
 export type ThemeStyle = {
     container?: ViewStyle;
@@ -64,34 +64,34 @@ export type OnCreateEventProps = {
     isAllDay?: boolean;
 };
 export type onCreateEvent = (arg: OnCreateEventProps) => void;
-export type Config = {
+export type Config<T extends CalendarEvent> = {
     timezone: string;
     timeFormat: string;
     dayDate: Moment;
     theme?: ThemeStyle;
     zoomLevel: SharedValue<number>;
-    layout: FullCalendarEventLayout;
+    layout: FullCalendarEventLayout<T>;
     createY: SharedValue<number>;
     maximumHour: SharedValue<number>;
     onCreateEvent?: onCreateEvent;
     initialZoomLevel: number;
-    renderEvent: (event: CalendarEvent, extended: EventExtend, eventHeight?: SharedValue<number>, updatedTimes?: {
+    renderEvent: (event: T, extended: EventExtend, eventHeight?: SharedValue<number>, updatedTimes?: {
         updatedStart: DerivedValue<number>;
         updatedEnd: DerivedValue<number>;
     }) => ReactNode;
     onEventEdit?: (params: {
-        event: CalendarEvent;
+        event: T;
         status: EditStatus;
         updatedTimes?: {
             updatedStart: string;
             updatedEnd: string;
         };
     }) => void;
-    onPressEvent?: (event: CalendarEvent) => void;
+    onPressEvent?: (event: T) => void;
     showTimeIndicator?: boolean;
     maxAllDayEvents: number;
     canCreateEvents: boolean;
-    canEditEvent: boolean | ((event: CalendarEvent) => boolean);
+    canEditEvent: boolean | ((event: T) => boolean);
     renderNewEventContainer?: (hour: number, minute: number) => ReactNode;
     fiveMinuteInterval?: boolean;
     renderDragBars?: {

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

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

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

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

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

@@ -1 +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,UAAU,CAAC;AAE1D,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"}
+{"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,KAAK,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9E,KAAK,kBAAkB,CAAC,CAAC,SAAS,aAAa,IAAI;IAEjD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,CAAC,SAAS,aAAa,oDAIhD,kBAAkB,CAAC,CAAC,CAAC,KAAG,aA2B1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,5 +1,5 @@
 import { SharedValue } from "react-native-reanimated";
-import { Config } from "../types";
-declare const doubleTapGesture: (zoomLevel: SharedValue<number>, initialZoomLevel: number, onZoomChange?: Config["onZoomChange"]) => import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
+import { type CalendarEvent, Config } from "../types";
+declare const doubleTapGesture: <T extends CalendarEvent>(zoomLevel: SharedValue<number>, initialZoomLevel: number, onZoomChange?: Config<T>["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

@@ -1 +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,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB,cACT,WAAW,CAAC,MAAM,CAAC,oBACZ,MAAM,iBACT,MAAM,CAAC,cAAc,CAAC,kGAajC,CAAC;AAEP,eAAe,gBAAgB,CAAC"}
+{"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,KAAK,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEtD,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,aAAa,aACpC,WAAW,CAAC,MAAM,CAAC,oBACZ,MAAM,iBACT,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,kGAapC,CAAC;AAEP,eAAe,gBAAgB,CAAC"}

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

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

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

@@ -1 +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,UAAU,CAAC;AAElB,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"}
+{"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,UAAU,CAAC;AAElB,UAAU,oBAAoB,CAAC,CAAC,SAAS,aAAa;IACpD,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,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,GAAI,CAAC,SAAS,aAAa,yHAQzD,oBAAoB,CAAC,CAAC,CAAC;;CA8JzB,CAAC;AAgHF,eAAe,oBAAoB,CAAC"}

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

@@ -1,5 +1,5 @@
 import { Config } from "../types";
-export declare const ConfigProvider: import("react").Context<Config>;
+export declare const ConfigProvider: import("react").Context<Config<any>>;
 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

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

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

@@ -1,6 +1,6 @@
 import { SharedValue } from "react-native-reanimated";
 import { RefObject } from "react";
-import { PartDayEventLayoutType } from "../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;
+import { type CalendarEvent, PartDayEventLayoutType } from "../types";
+declare const gesturePan: <T extends CalendarEvent>(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<T>, 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

@@ -1 +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,UAAU,CAAC;AAElD,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"}
+{"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,KAAK,aAAa,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEtE,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,aAAa,UACjC,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,CAAC,CAAC,CAAC,iBAC7B,MAAM,IAAI,kGA8CrB,CAAC;AAEP,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunsama/event-calendar",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Event calendar.",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",
@@ -68,8 +68,7 @@
   "dependencies": {
     "immer": "^10.1.1",
     "lodash": "^4.17.21",
-    "moment-timezone": "^0.5.47",
-    "zustand": "^5.0.3"
+    "moment-timezone": "^0.5.47"
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.7.1",

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

@@ -9,6 +9,7 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from "react-native-reanimated";
+import type { AllDayEventLayoutType } from "src/types";
 
 const AllDayEvents = memo(
   () => {
@@ -42,7 +43,6 @@ const AllDayEvents = memo(
     const restEventAmount =
       layout.allDayEventsLayout.length - allDayEvents.length;
 
-    // Called whenever the content inside changes layout
     const onContentLayout = useCallback(
       (e: LayoutChangeEvent) => {
         const { height } = e.nativeEvent.layout;
@@ -53,16 +53,15 @@ const AllDayEvents = memo(
           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
+        overflow: "hidden",
+        minHeight: 1,
         height: measuredHeight.value,
       };
     });
@@ -70,18 +69,9 @@ const AllDayEvents = memo(
     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,
-              },
-            ]}
-          >
+          <Animated.View style={animatedStyle}>
             <View onLayout={onContentLayout}>
-              {allDayEvents.map((allDayLayout) => (
+              {allDayEvents.map((allDayLayout: AllDayEventLayoutType<any>) => (
                 <EventContainer
                   key={allDayLayout.event.id}
                   layout={allDayLayout}

package/src/components/event-container.tsx

@@ -2,13 +2,19 @@ import { ConfigProvider } from "../utils/globals";
 import { useCallback, useContext, useMemo } from "react";
 import { Pressable } from "react-native-gesture-handler";
 import { View } from "react-native";
-import { AllDayEventLayoutType, EventExtend } from "../types";
+import {
+  AllDayEventLayoutType,
+  type CalendarEvent,
+  EventExtend,
+} from "../types";
 
-type EventContainerProps = {
-  layout: AllDayEventLayoutType;
+type EventContainerProps<T extends CalendarEvent> = {
+  layout: AllDayEventLayoutType<T>;
 };
 
-const EventContainer = ({ layout }: EventContainerProps) => {
+const EventContainer = <T extends CalendarEvent>({
+  layout,
+}: EventContainerProps<T>) => {
   const { onPressEvent, renderEvent, initialZoomLevel } =
     useContext(ConfigProvider);
 
@@ -16,8 +22,8 @@ const EventContainer = ({ layout }: EventContainerProps) => {
     () =>
       renderEvent(
         layout.event,
-        (layout as AllDayEventLayoutType).extend
-          ? (layout as AllDayEventLayoutType).extend
+        (layout as AllDayEventLayoutType<T>).extend
+          ? (layout as AllDayEventLayoutType<T>).extend
           : EventExtend.None
       ),
     [layout, renderEvent]

package/src/components/timed-event-container.tsx

@@ -11,17 +11,21 @@ import { StyleSheet, View } from "react-native";
 import { useIsEditing } from "../hooks/use-is-editing";
 import gesturePan from "../utils/pan-edit-event-gesture";
 import doubleTapGesture from "../utils/double-tap-reset-zoom-gesture";
-import { EventExtend, PartDayEventLayoutType } from "../types";
-
-type TimedEventContainerProps = {
-  layout: PartDayEventLayoutType;
+import {
+  type CalendarEvent,
+  EventExtend,
+  PartDayEventLayoutType,
+} from "../types";
+
+type TimedEventContainerProps<T extends CalendarEvent> = {
+  layout: PartDayEventLayoutType<T>;
   refNewEvent: RefObject<any>;
 };
 
-const TimedEventContainer = ({
+const TimedEventContainer = <T extends CalendarEvent>({
   layout,
   refNewEvent,
-}: TimedEventContainerProps) => {
+}: TimedEventContainerProps<T>) => {
   const { currentY, setIsEditing, isEditing } = useIsEditing();
   const {
     onPressEvent,

package/src/hooks/use-events.tsx

@@ -1,6 +1,7 @@
 import {
   createContext,
   type Dispatch,
+  ReactNode,
   type SetStateAction,
   useCallback,
   useContext,
@@ -15,8 +16,8 @@ import {
   FullCalendarEventLayout,
 } from "../types";
 
-export type UpdateEvent = {
-  events: CalendarEvent[];
+export type UpdateEvent<T extends CalendarEvent> = {
+  events: T[];
   userCalendarId: string;
   timezone: string;
   startCalendarDate: string;
@@ -25,66 +26,64 @@ export type UpdateEvent = {
   calendarViewInterval?: CalendarViewIntervalType;
 };
 
-type EventsContextType = {
-  clonedEvents: CalendarEvent[];
-  updateClonedEvents: Dispatch<SetStateAction<CalendarEvent[]>>;
-  eventsLayout: FullCalendarEventLayout;
-  updateEventsLayout: (props: UpdateEvent) => void;
+type EventsContextType<T extends CalendarEvent> = {
+  clonedEvents: T[];
+  updateClonedEvents: Dispatch<SetStateAction<T[]>>;
+  eventsLayout: FullCalendarEventLayout<T>;
+  updateEventsLayout: (props: UpdateEvent<T>) => void;
 };
 
 // Context to store both cloned events & event layouts
-const EventsContext = createContext<EventsContextType | null>(null);
+const EventsContext = createContext<EventsContextType<any> | null>(null);
 
 /**
  * Provider that manages both cloned events & event layouts independently.
  */
-export const EventsProvider = ({
+export const EventsProvider = <T extends CalendarEvent>({
   children,
   initialProps,
   updateLocalStateAfterEdit = true,
 }: {
-  children: React.ReactNode;
-  initialProps: UpdateEvent;
+  children: ReactNode;
+  initialProps: UpdateEvent<T>;
   updateLocalStateAfterEdit?: boolean;
 }) => {
   // Cloned Events State
-  const [clonedEvents, setClonedEvents] = useState<CalendarEvent[]>(
-    initialProps.events
-  );
+  const [clonedEvents, setClonedEvents] = useState<T[]>(initialProps.events);
 
   // Event Layouts State
-  const [eventsLayout, setEventsLayout] = useState<FullCalendarEventLayout>({
+  const [eventsLayout, setEventsLayout] = useState<FullCalendarEventLayout<T>>({
     allDayEventsLayout: [],
     partDayEventsLayout: [],
   });
 
   // Function to update cloned events
   const updateClonedEvents = useCallback(
-    (events: CalendarEvent[]) => {
+    (events: T[]) => {
       setClonedEvents(updateLocalStateAfterEdit ? cloneDeep(events) : events);
     },
     [updateLocalStateAfterEdit]
   );
 
   // Function to update event layouts
-  const updateEventsLayout = (props: UpdateEvent) => {
+  const updateEventsLayout = useCallback((props: UpdateEvent<T>) => {
     setEventsLayout(
-      generateEventLayouts(props)[props.startCalendarDate] || {
+      generateEventLayouts<T>(props)[props.startCalendarDate] || {
         partDayEventsLayout: [],
         allDayEventsLayout: [],
       }
     );
-  };
+  }, []);
 
   // Update both states when initialProps change
   useEffect(() => {
     updateClonedEvents(initialProps.events);
     updateEventsLayout(initialProps);
-  }, [initialProps, updateClonedEvents]);
+  }, [initialProps, updateClonedEvents, updateEventsLayout]);
 
   useEffect(() => {
     updateEventsLayout({ ...initialProps, events: clonedEvents });
-  }, [initialProps, clonedEvents]);
+  }, [initialProps, clonedEvents, updateEventsLayout]);
 
   return (
     <EventsContext.Provider

package/src/hooks/use-is-editing.tsx

@@ -8,14 +8,18 @@ import React, {
 import { SharedValue, useSharedValue } from "react-native-reanimated";
 import { ConfigProvider } from "../utils/globals";
 import { isFunction } from "lodash";
-import { EditStatus, PartDayEventLayoutType } from "../types";
+import {
+  type CalendarEvent,
+  EditStatus,
+  PartDayEventLayoutType,
+} from "../types";
 import { useEvents } from "./use-events";
 
-interface IsEditingType {
-  isEditing: null | PartDayEventLayoutType;
+interface IsEditingType<T extends CalendarEvent> {
+  isEditing: null | PartDayEventLayoutType<T>;
   currentY: SharedValue<number>;
   setIsEditing: (
-    newValue: PartDayEventLayoutType | null,
+    newValue: PartDayEventLayoutType<T> | null,
     updatedTimes?: {
       updatedStart: string;
       updatedEnd: string;
@@ -23,7 +27,7 @@ interface IsEditingType {
   ) => void;
 }
 
-const IsEditing = createContext<IsEditingType | undefined>(undefined);
+const IsEditing = createContext<IsEditingType<any> | undefined>(undefined);
 
 export const useIsEditing = () => {
   const context = useContext(IsEditing);
@@ -35,18 +39,21 @@ export const useIsEditing = () => {
 };
 
 // Provider component
-export const IsEditingProvider = ({ children }: { children: ReactNode }) => {
+export const IsEditingProvider = <T extends CalendarEvent>({
+  children,
+}: {
+  children: ReactNode;
+}) => {
   const { canEditEvent, onEventEdit, updateLocalStateAfterEdit } =
     useContext(ConfigProvider);
   const { updateClonedEvents } = useEvents();
-  const [isEditing, baseSetIsEditing] = useState<null | PartDayEventLayoutType>(
-    null
-  );
+  const [isEditing, baseSetIsEditing] =
+    useState<null | PartDayEventLayoutType<T>>(null);
   const currentY = useSharedValue(0);
 
   const setIsEditing = useCallback(
     (
-      newValue: PartDayEventLayoutType | null,
+      newValue: PartDayEventLayoutType<T> | null,
       updatedTimes?: {
         updatedStart: string;
         updatedEnd: string;