react-native-resource-calendar 1.0.21 → 1.0.23

package/dist/index.js

@@ -362,7 +362,6 @@ var TimeLabels = React19__namespace.forwardRef(({
   const isToday = dateFns.isSameDay(/* @__PURE__ */ new Date(), date);
   const [currentTimeYPosition, setCurrentTimeYPosition] = React19.useState(timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight));
   const [currentTime, setCurrentTime] = React19.useState(dateFns.format(dateFnsTz.toZonedTime(/* @__PURE__ */ new Date(), timezone), "h:mm"));
-  const APPOINTMENT_BLOCK_HEIGHT = hourHeight / 4;
   const updateCurrentTimeYPosition = () => {
     setCurrentTimeYPosition(timeToYPosition(getCurrentTimeInMinutes(timezone), hourHeight));
   };
@@ -379,22 +378,6 @@ var TimeLabels = React19__namespace.forwardRef(({
     const intervalId = setInterval(update, 300);
     return () => clearInterval(intervalId);
   }, [timezone]);
-  const lastScrolledDateRef = React19.useRef(null);
-  React19.useEffect(() => {
-    if (!layout) return;
-    const dateKey = date.getTime();
-    if (lastScrolledDateRef.current === dateKey) return;
-    reactNative.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__namespace.createElement(React19__namespace.Fragment, null, /* @__PURE__ */ React19__namespace.createElement(Col_default, null, Array.from({ length: 24 }).map((_, index) => /* @__PURE__ */ React19__namespace.createElement(reactNative.View, { key: index, style: [styles.timeLabel, { height: hourHeight }] }, /* @__PURE__ */ React19__namespace.createElement(
     reactNative.Text,
     {
@@ -1367,7 +1350,7 @@ var CalendarInner = (props) => {
   const {
     date,
     numberOfColumns: numberOfColumnsProp = 3,
-    startMinutes,
+    startMinutes = 0,
     hourHeight = 120,
     snapIntervalInMinutes = 5,
     timezone = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone,
@@ -1472,7 +1455,7 @@ var CalendarInner = (props) => {
   }, [selectedEvent, setSelectedEvent, setDraggedEventDraft]);
   React19.useEffect(() => {
     scrollX.value = 0;
-  }, [mode]);
+  }, [mode, numberOfColumns]);
   const verticalScrollViewRef = Animated2.useAnimatedRef();
   const headerScrollViewRef = Animated2.useAnimatedRef();
   const flashListRef = React19.useRef(null);
@@ -1786,6 +1769,22 @@ var CalendarInner = (props) => {
   React19.useEffect(() => {
     dateRef.current = date;
   }, [date]);
+  const lastScrolledDateRef = React19.useRef(null);
+  React19.useEffect(() => {
+    if (!layout) return;
+    const isToday = dateFns.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;
+    Animated2.runOnUI((yVal) => {
+      "worklet";
+      Animated2.scrollTo(verticalScrollViewRef, 0, yVal, true);
+    })(y);
+    lastScrolledDateRef.current = dateKey;
+  }, [layout, date, startMinutes, hourHeight]);
   const renderItem = React19.useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;
@@ -1844,7 +1843,7 @@ var CalendarInner = (props) => {
     stableOnDisabledBlockPress,
     dateRef
   ]);
-  return /* @__PURE__ */ React19__namespace.default.createElement(React19__namespace.default.Fragment, null, /* @__PURE__ */ React19__namespace.default.createElement(StoreFeeder, { resources, store: binding, baseDate: date }), /* @__PURE__ */ React19__namespace.default.createElement(reactNative.View, { style: { flex: 1 } }, !isMultiDay ? /* @__PURE__ */ React19__namespace.default.createElement(reactNative.View, null, /* @__PURE__ */ React19__namespace.default.createElement(
+  return /* @__PURE__ */ React19__namespace.default.createElement(React19__namespace.default.Fragment, null, /* @__PURE__ */ React19__namespace.default.createElement(StoreFeeder, { resources, store: binding, baseDate: date }), /* @__PURE__ */ React19__namespace.default.createElement(reactNative.View, { style: { flex: 1 } }, !isMultiDay ? /* @__PURE__ */ React19__namespace.default.createElement(reactNative.View, { key: `header-${numberOfColumns}-${width}` }, /* @__PURE__ */ React19__namespace.default.createElement(
     Animated2__default.default.ScrollView,
     {
       style: { backgroundColor: "white" },