react-native-resource-calendar 1.0.18 → 1.0.19

package/dist/index.js

@@ -1294,7 +1294,7 @@ var DaysComponent = ({ onResourcePress, activeResourceId, mode, date, APPOINTMEN
           width: APPOINTMENT_BLOCK_WIDTH
         },
         space: 4,
-        key: i
+        key: d.toString()
       },
       /* @__PURE__ */ React19__namespace.createElement(Center_default, { style: {
         backgroundColor: selected ? "#4d959c" : void 0,
@@ -1437,8 +1437,9 @@ var CalendarInner = (props) => {
   React19.useEffect(() => {
     if (!selectedEvent) {
       setDraggedEventDraft(null);
+      setDragReady(false);
     }
-  }, [selectedEvent]);
+  }, [selectedEvent, setSelectedEvent, setDraggedEventDraft]);
   React19.useEffect(() => {
     scrollX.value = 0;
   }, [mode]);
@@ -1447,6 +1448,7 @@ var CalendarInner = (props) => {
   const flashListRef = React19.useRef(null);
   const prevResourceIdsRef = React19.useRef([]);
   const [layout, setLayout] = React19.useState(null);
+  const [dragReady, setDragReady] = React19.useState(false);
   const dateRef = React19.useRef(date);
   const eventStartedTop = Animated2.useSharedValue(0);
   const eventHeight = Animated2.useSharedValue(0);
@@ -1693,6 +1695,7 @@ var CalendarInner = (props) => {
       lastHapticScrollY.value = scrollY.value;
       eventHeight.value = initialHeight;
       setSelectedEvent(event);
+      requestAnimationFrame(() => setDragReady(true));
       Haptics__namespace.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Medium);
     };
   }, []);
@@ -1724,14 +1727,16 @@ var CalendarInner = (props) => {
   }, [resources, onBlockLongPress]);
   React19.useEffect(() => {
     const handleOrientationChange = () => {
-      if (selectedEvent)
+      if (selectedEvent) {
         setSelectedEvent(null);
+        setDragReady(false);
+      }
     };
     const subscription = reactNative.Dimensions.addEventListener("change", handleOrientationChange);
     return () => {
       subscription.remove();
     };
-  }, [setSelectedEvent, selectedEvent]);
+  }, [setSelectedEvent, selectedEvent, setDragReady]);
   React19.useEffect(() => {
     dateRef.current = date;
   }, [date]);
@@ -1890,7 +1895,7 @@ var CalendarInner = (props) => {
         }
       )
     ),
-    selectedEvent && /* @__PURE__ */ React19__namespace.default.createElement(
+    selectedEvent && dragReady && /* @__PURE__ */ React19__namespace.default.createElement(
       DraggableEvent,
       {
         selectedEvent,