react-native-resource-calendar 1.0.17 → 1.0.19

package/dist/index.mjs

@@ -190,11 +190,11 @@ var minutesToTime = (totalMinutes) => {
   return `${hours12}:${paddedMins}`;
 };
 function computeStackedEventLayout(events, containerWidthPx, {
-  indentPx = 12,
+  indentPx = 6,
   // how much to nudge each overlap to the right
   rightPadPx = 0,
   // visual breathing room on the right
-  minWidthPx = 30,
+  minWidthPx = 25,
   // never let an event become thinner than this
   capIndentLevels = 4
   // after N levels, stop indenting (just stack via z-index)
@@ -992,7 +992,7 @@ var EventBlock = React19__default.memo(({
     left: frame.leftPx + 1,
     width: frame.widthPx - 3,
     zIndex: frame.zIndex,
-    opacity: selectedAppointment ? 0.5 : 1,
+    opacity: selectedAppointment || disabled ? 0.5 : 1,
     borderWidth: selected ? 2 : 1,
     borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)"
   };
@@ -1015,14 +1015,6 @@ var EventBlock = React19__default.memo(({
         onLongPress && onLongPress(event);
       }
     },
-    /* @__PURE__ */ React19__default.createElement(Hidden_default, { isHidden: !disabled }, /* @__PURE__ */ React19__default.createElement(View, { style: {
-      position: "absolute",
-      top: 0,
-      width: "150%",
-      height: "150%",
-      zIndex: 1,
-      backgroundColor: "rgba(255, 255, 255, 0.5)"
-    } })),
     /* @__PURE__ */ React19__default.createElement(Col_default, { style: [{ position: "relative" }, resolved?.content] }, /* @__PURE__ */ React19__default.createElement(
       TextInput,
       {
@@ -1276,7 +1268,7 @@ var DaysComponent = ({ onResourcePress, activeResourceId, mode, date, APPOINTMEN
           width: APPOINTMENT_BLOCK_WIDTH
         },
         space: 4,
-        key: i
+        key: d.toString()
       },
       /* @__PURE__ */ React19.createElement(Center_default, { style: {
         backgroundColor: selected ? "#4d959c" : void 0,
@@ -1419,8 +1411,9 @@ var CalendarInner = (props) => {
   useEffect(() => {
     if (!selectedEvent) {
       setDraggedEventDraft(null);
+      setDragReady(false);
     }
-  }, [selectedEvent]);
+  }, [selectedEvent, setSelectedEvent, setDraggedEventDraft]);
   useEffect(() => {
     scrollX.value = 0;
   }, [mode]);
@@ -1429,6 +1422,7 @@ var CalendarInner = (props) => {
   const flashListRef = useRef(null);
   const prevResourceIdsRef = useRef([]);
   const [layout, setLayout] = useState(null);
+  const [dragReady, setDragReady] = useState(false);
   const dateRef = useRef(date);
   const eventStartedTop = useSharedValue(0);
   const eventHeight = useSharedValue(0);
@@ -1675,6 +1669,7 @@ var CalendarInner = (props) => {
       lastHapticScrollY.value = scrollY.value;
       eventHeight.value = initialHeight;
       setSelectedEvent(event);
+      requestAnimationFrame(() => setDragReady(true));
       Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
     };
   }, []);
@@ -1706,14 +1701,16 @@ var CalendarInner = (props) => {
   }, [resources, onBlockLongPress]);
   useEffect(() => {
     const handleOrientationChange = () => {
-      if (selectedEvent)
+      if (selectedEvent) {
         setSelectedEvent(null);
+        setDragReady(false);
+      }
     };
     const subscription = Dimensions.addEventListener("change", handleOrientationChange);
     return () => {
       subscription.remove();
     };
-  }, [setSelectedEvent, selectedEvent]);
+  }, [setSelectedEvent, selectedEvent, setDragReady]);
   useEffect(() => {
     dateRef.current = date;
   }, [date]);
@@ -1872,7 +1869,7 @@ var CalendarInner = (props) => {
         }
       )
     ),
-    selectedEvent && /* @__PURE__ */ React19__default.createElement(
+    selectedEvent && dragReady && /* @__PURE__ */ React19__default.createElement(
       DraggableEvent,
       {
         selectedEvent,