react-native-resource-calendar 1.1.5 → 1.1.7

package/dist/index.js

@@ -1274,13 +1274,13 @@ var EventBlocks = React19__namespace.default.memo(({
   );
   const Renderer = eventRenderer;
   return events?.map(
-    (evt) => {
+    (evt, index) => {
       const selected = isEventSelected?.(evt) ?? false;
       const disabled = isEventDisabled?.(evt) ?? false;
       return /* @__PURE__ */ React19__namespace.default.createElement(
         Renderer,
         {
-          key: `${evt.id}`,
+          key: `${evt.from}-${evt.to}-${index}`,
           event: evt,
           onLongPress,
           onPress,
@@ -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 }));
@@ -1725,6 +1725,13 @@ var CalendarInner = (props) => {
       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 +1770,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;