react-native-resource-calendar 1.0.17 → 1.0.19

package/dist/index.js

@@ -216,11 +216,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)
@@ -1018,7 +1018,7 @@ var EventBlock = React19__namespace.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)"
   };
@@ -1041,14 +1041,6 @@ var EventBlock = React19__namespace.default.memo(({
         onLongPress && onLongPress(event);
       }
     },
-    /* @__PURE__ */ React19__namespace.default.createElement(Hidden_default, { isHidden: !disabled }, /* @__PURE__ */ React19__namespace.default.createElement(reactNative.View, { style: {
-      position: "absolute",
-      top: 0,
-      width: "150%",
-      height: "150%",
-      zIndex: 1,
-      backgroundColor: "rgba(255, 255, 255, 0.5)"
-    } })),
     /* @__PURE__ */ React19__namespace.default.createElement(Col_default, { style: [{ position: "relative" }, resolved?.content] }, /* @__PURE__ */ React19__namespace.default.createElement(
       reactNative.TextInput,
       {
@@ -1302,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,
@@ -1445,8 +1437,9 @@ var CalendarInner = (props) => {
   React19.useEffect(() => {
     if (!selectedEvent) {
       setDraggedEventDraft(null);
+      setDragReady(false);
     }
-  }, [selectedEvent]);
+  }, [selectedEvent, setSelectedEvent, setDraggedEventDraft]);
   React19.useEffect(() => {
     scrollX.value = 0;
   }, [mode]);
@@ -1455,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);
@@ -1701,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);
     };
   }, []);
@@ -1732,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]);
@@ -1898,7 +1895,7 @@ var CalendarInner = (props) => {
         }
       )
     ),
-    selectedEvent && /* @__PURE__ */ React19__namespace.default.createElement(
+    selectedEvent && dragReady && /* @__PURE__ */ React19__namespace.default.createElement(
       DraggableEvent,
       {
         selectedEvent,