react-native-resource-calendar 1.0.21 → 1.0.23

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import * as React19 from 'react';
-import React19__default, { createContext, useState, useEffect, useRef, useMemo, useContext, useCallback } from 'react';
+import React19__default, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback } from 'react';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-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 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 { 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,7 +337,6 @@ 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));
   };
@@ -354,22 +353,6 @@ 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,
     {
@@ -1342,7 +1325,7 @@ var CalendarInner = (props) => {
   const {
     date,
     numberOfColumns: numberOfColumnsProp = 3,
-    startMinutes,
+    startMinutes = 0,
     hourHeight = 120,
     snapIntervalInMinutes = 5,
     timezone = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone,
@@ -1447,7 +1430,7 @@ var CalendarInner = (props) => {
   }, [selectedEvent, setSelectedEvent, setDraggedEventDraft]);
   useEffect(() => {
     scrollX.value = 0;
-  }, [mode]);
+  }, [mode, numberOfColumns]);
   const verticalScrollViewRef = useAnimatedRef();
   const headerScrollViewRef = useAnimatedRef();
   const flashListRef = useRef(null);
@@ -1761,6 +1744,22 @@ 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;
@@ -1819,7 +1818,7 @@ var CalendarInner = (props) => {
     stableOnDisabledBlockPress,
     dateRef
   ]);
-  return /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(StoreFeeder, { resources, store: binding, baseDate: date }), /* @__PURE__ */ React19__default.createElement(View, { style: { flex: 1 } }, !isMultiDay ? /* @__PURE__ */ React19__default.createElement(View, null, /* @__PURE__ */ React19__default.createElement(
+  return /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(StoreFeeder, { resources, store: binding, baseDate: date }), /* @__PURE__ */ React19__default.createElement(View, { style: { flex: 1 } }, !isMultiDay ? /* @__PURE__ */ React19__default.createElement(View, { key: `header-${numberOfColumns}-${width}` }, /* @__PURE__ */ React19__default.createElement(
     Animated2.ScrollView,
     {
       style: { backgroundColor: "white" },