react-native-resource-calendar 1.0.23 → 1.0.24

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import * as React19 from 'react';
-import React19__default, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback } from 'react';
+import React19__default, { createContext, useState, useEffect, useRef, useMemo, useContext, useCallback } from 'react';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated2, { useSharedValue, useAnimatedRef, runOnJS, withSpring, useFrameCallback, scrollTo, useAnimatedScrollHandler, runOnUI, useAnimatedStyle, useAnimatedProps } from 'react-native-reanimated';
-import { View, StyleSheet, Text, TouchableOpacity, TextInput, useWindowDimensions, Platform, Dimensions, Image } from 'react-native';
+import Animated2, { useSharedValue, useAnimatedRef, runOnJS, withSpring, useFrameCallback, scrollTo, useAnimatedScrollHandler, useAnimatedStyle, useAnimatedProps } from 'react-native-reanimated';
+import { InteractionManager, View, StyleSheet, Text, TouchableOpacity, TextInput, useWindowDimensions, Platform, Dimensions, Image } from 'react-native';
 import { FlashList } from '@shopify/flash-list';
 import { toZonedTime } from 'date-fns-tz';
 import { isSameDay, format, getHours, getMinutes, set, addDays, setSeconds, setMinutes, setHours } from 'date-fns';
@@ -337,6 +337,7 @@ var TimeLabels = React19.forwardRef(({
   const isToday = isSameDay(/* @__PURE__ */ new Date(), date);
   const [currentTimeYPosition, setCurrentTimeYPosition] = useState(timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight));
   const [currentTime, setCurrentTime] = useState(format(toZonedTime(/* @__PURE__ */ new Date(), timezone), "h:mm"));
+  const APPOINTMENT_BLOCK_HEIGHT = hourHeight / 4;
   const updateCurrentTimeYPosition = () => {
     setCurrentTimeYPosition(timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight));
   };
@@ -353,6 +354,22 @@ var TimeLabels = React19.forwardRef(({
     const intervalId = setInterval(update, 300);
     return () => clearInterval(intervalId);
   }, [timezone]);
+  const lastScrolledDateRef = useRef(null);
+  useEffect(() => {
+    if (!layout) return;
+    const dateKey = date.getTime();
+    if (lastScrolledDateRef.current === dateKey) return;
+    InteractionManager.runAfterInteractions(() => {
+      let pos = isToday ? currentTimeYPosition - 240 : timeToYPosition(startMinutes, hourHeight);
+      if (ref.current) {
+        ref.current.scrollTo({
+          y: Math.round(pos / APPOINTMENT_BLOCK_HEIGHT) * APPOINTMENT_BLOCK_HEIGHT,
+          animated: true
+        });
+        lastScrolledDateRef.current = dateKey;
+      }
+    });
+  }, [layout, date, isToday, APPOINTMENT_BLOCK_HEIGHT, startMinutes, hourHeight, currentTimeYPosition]);
   return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(Col_default, null, Array.from({ length: 24 }).map((_, index) => /* @__PURE__ */ React19.createElement(View, { key: index, style: [styles.timeLabel, { height: hourHeight }] }, /* @__PURE__ */ React19.createElement(
     Text,
     {
@@ -1325,7 +1342,7 @@ var CalendarInner = (props) => {
   const {
     date,
     numberOfColumns: numberOfColumnsProp = 3,
-    startMinutes = 0,
+    startMinutes,
     hourHeight = 120,
     snapIntervalInMinutes = 5,
     timezone = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone,
@@ -1744,22 +1761,6 @@ var CalendarInner = (props) => {
   useEffect(() => {
     dateRef.current = date;
   }, [date]);
-  const lastScrolledDateRef = useRef(null);
-  useEffect(() => {
-    if (!layout) return;
-    const isToday = isSameDay(/* @__PURE__ */ new Date(), date);
-    const APPOINTMENT_BLOCK_HEIGHT = hourHeight / 4;
-    const dateKey = date.getTime();
-    const currentTimeYPosition = timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight);
-    if (lastScrolledDateRef.current === dateKey) return;
-    let pos = isToday ? currentTimeYPosition - 240 : timeToYPosition(startMinutes, hourHeight);
-    const y = Math.round(pos / APPOINTMENT_BLOCK_HEIGHT) * APPOINTMENT_BLOCK_HEIGHT;
-    runOnUI((yVal) => {
-      "worklet";
-      scrollTo(verticalScrollViewRef, 0, yVal, true);
-    })(y);
-    lastScrolledDateRef.current = dateKey;
-  }, [layout, date, startMinutes, hourHeight]);
   const renderItem = useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;