react-native-resource-calendar 1.1.6 → 1.1.8

package/dist/index.js

@@ -1439,16 +1439,10 @@ var CalendarInner = (props) => {
   const selectedEvent = useGetSelectedEvent2();
   const setSelectedEvent = useSetSelectedEvent2();
   const setDraggedEventDraft = useSetDraggedEventDraft2();
-  const APPOINTMENT_BLOCK_WIDTH = React19.useMemo(
-    () => (width - TIME_LABEL_WIDTH) / numberOfColumns,
-    [width, numberOfColumns]
-  );
   const hourHeightRef = React19.useRef(hourHeight);
   hourHeightRef.current = hourHeight;
   const resourcesRef = React19.useRef(resources);
   resourcesRef.current = resources;
-  const apptWidthRef = React19.useRef(APPOINTMENT_BLOCK_WIDTH);
-  apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
   const isMultiDayRef = React19.useRef(isMultiDay);
   isMultiDayRef.current = isMultiDay;
   const daysRef = React19.useRef(days);
@@ -1461,13 +1455,19 @@ var CalendarInner = (props) => {
   }, [selectedEvent, setSelectedEvent, setDraggedEventDraft]);
   React19.useEffect(() => {
     scrollX.value = 0;
-  }, [mode, numberOfColumns]);
+  }, [mode, numberOfColumns, width]);
   const verticalScrollViewRef = Animated2.useAnimatedRef();
   const headerScrollViewRef = Animated2.useAnimatedRef();
   const flashListRef = React19.useRef(null);
   const prevResourceIdsRef = React19.useRef([]);
   const [layout, setLayout] = React19.useState(null);
   const [dragReady, setDragReady] = React19.useState(false);
+  const APPOINTMENT_BLOCK_WIDTH = React19.useMemo(
+    () => ((layout?.width ?? width) - TIME_LABEL_WIDTH) / numberOfColumns,
+    [layout?.width, width, numberOfColumns]
+  );
+  const apptWidthRef = React19.useRef(APPOINTMENT_BLOCK_WIDTH);
+  apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
   const dateRef = React19.useRef(date);
   dateRef.current = date;
   const eventStartedTop = Animated2.useSharedValue(0);
@@ -1517,7 +1517,7 @@ var CalendarInner = (props) => {
       resourceId: landedResourceId,
       date: landedDate
     });
-  }, [mode, resourceIds, activeResourceId, selectedEvent, hourHeight, setDraggedEventDraft, days]);
+  }, [mode, resourceIds, activeResourceId, selectedEvent, hourHeight, setDraggedEventDraft, days, date]);
   const columns = React19.useMemo(() => {
     if (!isMultiDay) {
       return resourceIds.map((resourceId) => ({ kind: "resource", resourceId }));
@@ -1710,21 +1710,25 @@ var CalendarInner = (props) => {
       const days2 = daysRef.current;
       const APPOINTMENT_BLOCK_WIDTH2 = apptWidthRef.current;
       const isMultiDay2 = isMultiDayRef.current;
-      const EPS = 1e-4;
-      const leftmostColumnIndex = Math.max(0, Math.floor((scrollX.value + EPS) / APPOINTMENT_BLOCK_WIDTH2));
       let absoluteColIndex;
       if (!isMultiDay2) {
         absoluteColIndex = findResourceIndexFor(event.resourceId, resources2?.map((r) => r.id));
       } else {
         absoluteColIndex = findDayIndexFor(event.date, days2);
       }
-      const screenColumn = absoluteColIndex - leftmostColumnIndex;
-      const selectedAppointmentStartedX = TIME_LABEL_WIDTH + APPOINTMENT_BLOCK_WIDTH2 / 2 + APPOINTMENT_BLOCK_WIDTH2 * screenColumn;
+      const selectedAppointmentStartedX = TIME_LABEL_WIDTH + APPOINTMENT_BLOCK_WIDTH2 * absoluteColIndex + APPOINTMENT_BLOCK_WIDTH2 / 2 - scrollX.value;
       panXAbs.value = selectedAppointmentStartedX;
       startedX.value = selectedAppointmentStartedX;
       lastHapticScrollY.value = scrollY.value;
       eventHeight.value = initialHeight;
       setSelectedEvent(event);
+      setDraggedEventDraft({
+        event,
+        from: positionToMinutes(eventTop, hh),
+        to: positionToMinutes(eventTop + initialHeight, hh),
+        resourceId: event.resourceId,
+        date: event.date
+      });
       requestAnimationFrame(() => setDragReady(true));
       triggerHaptic("Medium");
     };
@@ -1763,16 +1767,15 @@ var CalendarInner = (props) => {
   }, [resources, onBlockTap]);
   React19.useEffect(() => {
     const handleOrientationChange = () => {
-      if (selectedEvent) {
-        setSelectedEvent(null);
-        setDragReady(false);
-      }
+      setSelectedEvent(null);
+      setDragReady(false);
+      setLayout(null);
     };
     const subscription = reactNative.Dimensions.addEventListener("change", handleOrientationChange);
     return () => {
       subscription.remove();
     };
-  }, [setSelectedEvent, selectedEvent, setDragReady]);
+  }, [setSelectedEvent, setDragReady]);
   const renderItem = React19.useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;