@sunsama/event-calendar 0.10.2 → 0.10.4

package/src/index.tsx

@@ -23,12 +23,15 @@ import React, {
   useRef,
 } from "react";
 import { GestureRef } from "react-native-gesture-handler/lib/typescript/handlers/gestures/gesture";
-import {
-  IsEditingProvider,
-  type IsEditingProviderInnerMethods,
-} from "./hooks/use-is-editing";
+import { IsEditingProvider } from "./hooks/use-is-editing";
 import { EventsProvider, useEvents } from "./hooks/use-events";
-import type { CalendarEvent, Config, onCreateEvent, ThemeStyle } from "./types";
+import type {
+  CalendarEvent,
+  Config,
+  IsEditingProviderInnerMethods,
+  onCreateEvent,
+  ThemeStyle,
+} from "./types";
 import {
   LayoutChangeEvent,
   NativeSyntheticEvent,
@@ -37,19 +40,11 @@ import type { NativeScrollEvent } from "react-native/Libraries/Components/Scroll
 
 export * from "./types";
 
-export type EventCalenderProps<T extends CalendarEvent> = {
+interface BaseProps<T extends CalendarEvent = CalendarEvent> {
   initialEventEdit?: string;
   onScroll?: (y: number) => void;
-  canCreateEvents?: boolean;
-  canEditEvent?: Config<T>["canEditEvent"];
-  dayDate: string;
-  events: T[];
   fiveMinuteInterval?: boolean;
   initialZoomLevel?: number;
-  defaultZoomLevel?: number;
-  maxZoomLevel?: number;
-  minZoomLevel?: number;
-  maxAllDayEvents?: number;
   onCreateEvent?: onCreateEvent;
   onEventEdit?: Config<T>["onEventEdit"];
   onPressEvent?: Config<T>["onPressEvent"];
@@ -58,47 +53,46 @@ export type EventCalenderProps<T extends CalendarEvent> = {
   renderNewEventContainer?: Config<T>["renderNewEventContainer"];
   showTimeIndicator?: boolean;
   theme?: ThemeStyle;
+  extraTimedComponents?: Config<T>["extraTimedComponents"];
+  onZoomChange?: Config<T>["onZoomChange"];
+  canCreateEvents?: boolean;
+  canEditEvent?: Config<T>["canEditEvent"];
+  defaultZoomLevel?: number;
+  maxZoomLevel?: number;
+  minZoomLevel?: number;
+  maxAllDayEvents?: number;
   timeFormat?: string;
   timezone?: string;
   updateLocalStateAfterEdit?: boolean;
+}
+
+export interface EventCalenderProps<T extends CalendarEvent = CalendarEvent>
+  extends BaseProps<T> {
+  dayDate: string;
+  events: T[];
   userCalendarId?: string;
-  extraTimedComponents?: Config<T>["extraTimedComponents"];
-  onZoomChange?: Config<T>["onZoomChange"];
-};
+}
 
-type EventCalenderContentProps<T extends CalendarEvent> = {
-  initialEventEdit?: string;
-  onScroll?: (y: number) => void;
+interface EventCalenderContentProps<T extends CalendarEvent = CalendarEvent>
+  extends BaseProps<T> {
   canCreateEvents: boolean;
   canEditEvent: Config<T>["canEditEvent"];
   startCalendarDate: Moment;
-  fiveMinuteInterval?: boolean;
-  initialZoomLevel?: number;
   defaultZoomLevel: number;
   maxZoomLevel: number;
   minZoomLevel: number;
   maxAllDayEvents: number;
-  onCreateEvent?: onCreateEvent;
-  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;
-  extraTimedComponents?: Config<T>["extraTimedComponents"];
-  onZoomChange?: Config<T>["onZoomChange"];
-};
+}
 
-export type EventCalendarMethods = {
+export interface EventCalendarMethods {
   scrollToTime: (minutes: number, animated?: boolean, offset?: number) => void;
   scrollToOffset: (y: number, animated?: boolean) => void;
   startEditMode: (eventId: string) => void;
   endEditMode: () => void;
-};
+}
 
 function EventCalendarContentInner<T extends CalendarEvent>(
   {

package/src/types.ts

@@ -97,7 +97,7 @@ export interface OnEventEditParams<T extends CalendarEvent> {
   };
 }
 
-export type Config<T extends CalendarEvent> = {
+export interface Config<T extends CalendarEvent> {
   initialEventEdit?: string;
   timezone: string;
   timeFormat: string;
@@ -136,7 +136,7 @@ export type Config<T extends CalendarEvent> = {
   updateLocalStateAfterEdit: boolean;
   extraTimedComponents?: (zoomLevel: SharedValue<number>) => ReactNode;
   onZoomChange?: (zoomLevel: number) => void;
-};
+}
 
 export type PrefabHour = {
   increment: number;
@@ -169,3 +169,10 @@ export enum EditStatus {
   Finish,
   Delete,
 }
+
+export interface IsEditingProviderInnerMethods<
+  T extends CalendarEvent = CalendarEvent,
+> {
+  startEditing: (layout: PartDayEventLayoutType<T>) => void;
+  endEditing: () => void;
+}

package/src/utils/pan-edit-event-gesture.ts

@@ -34,7 +34,7 @@ const gesturePan = <T extends CalendarEvent>(
       let freshUpdatedStartTime;
 
       if (fiveMinuteInterval) {
-        // Set the updated time in 15 minute increments but make sure we never go lower
+        // Set the updated time in 5 minute increments but make sure we never go lower
         // than the first minute of the day
         freshUpdatedStartTime = Math.max(
           0,