react-native-resource-calendar 1.1.5 → 1.1.7

package/dist/index.mjs

@@ -1249,13 +1249,13 @@ var EventBlocks = React19__default.memo(({
   );
   const Renderer = eventRenderer;
   return events?.map(
-    (evt) => {
+    (evt, index) => {
       const selected = isEventSelected?.(evt) ?? false;
       const disabled = isEventDisabled?.(evt) ?? false;
       return /* @__PURE__ */ React19__default.createElement(
         Renderer,
         {
-          key: `${evt.id}`,
+          key: `${evt.from}-${evt.to}-${index}`,
           event: evt,
           onLongPress,
           onPress,
@@ -1414,16 +1414,10 @@ var CalendarInner = (props) => {
   const selectedEvent = useGetSelectedEvent2();
   const setSelectedEvent = useSetSelectedEvent2();
   const setDraggedEventDraft = useSetDraggedEventDraft2();
-  const APPOINTMENT_BLOCK_WIDTH = useMemo(
-    () => (width - TIME_LABEL_WIDTH) / numberOfColumns,
-    [width, numberOfColumns]
-  );
   const hourHeightRef = useRef(hourHeight);
   hourHeightRef.current = hourHeight;
   const resourcesRef = useRef(resources);
   resourcesRef.current = resources;
-  const apptWidthRef = useRef(APPOINTMENT_BLOCK_WIDTH);
-  apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
   const isMultiDayRef = useRef(isMultiDay);
   isMultiDayRef.current = isMultiDay;
   const daysRef = useRef(days);
@@ -1436,13 +1430,19 @@ var CalendarInner = (props) => {
   }, [selectedEvent, setSelectedEvent, setDraggedEventDraft]);
   useEffect(() => {
     scrollX.value = 0;
-  }, [mode, numberOfColumns]);
+  }, [mode, numberOfColumns, width]);
   const verticalScrollViewRef = useAnimatedRef();
   const headerScrollViewRef = useAnimatedRef();
   const flashListRef = useRef(null);
   const prevResourceIdsRef = useRef([]);
   const [layout, setLayout] = useState(null);
   const [dragReady, setDragReady] = useState(false);
+  const APPOINTMENT_BLOCK_WIDTH = useMemo(
+    () => ((layout?.width ?? width) - TIME_LABEL_WIDTH) / numberOfColumns,
+    [layout?.width, width, numberOfColumns]
+  );
+  const apptWidthRef = useRef(APPOINTMENT_BLOCK_WIDTH);
+  apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
   const dateRef = useRef(date);
   dateRef.current = date;
   const eventStartedTop = useSharedValue(0);
@@ -1492,7 +1492,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 = useMemo(() => {
     if (!isMultiDay) {
       return resourceIds.map((resourceId) => ({ kind: "resource", resourceId }));
@@ -1700,6 +1700,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");
     };
@@ -1738,16 +1745,15 @@ var CalendarInner = (props) => {
   }, [resources, onBlockTap]);
   useEffect(() => {
     const handleOrientationChange = () => {
-      if (selectedEvent) {
-        setSelectedEvent(null);
-        setDragReady(false);
-      }
+      setSelectedEvent(null);
+      setDragReady(false);
+      setLayout(null);
     };
     const subscription = Dimensions.addEventListener("change", handleOrientationChange);
     return () => {
       subscription.remove();
     };
-  }, [setSelectedEvent, selectedEvent, setDragReady]);
+  }, [setSelectedEvent, setDragReady]);
   const renderItem = useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;