react-native-resource-calendar 1.1.13 → 1.1.15

package/dist/index.mjs

@@ -1027,7 +1027,10 @@ var EventBlock = React19__default.memo(({
     zIndex: frame.zIndex,
     opacity: anyEventSelected || disabled ? 0.5 : 1,
     borderWidth: selected ? 2 : 1,
-    borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)"
+    borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)",
+    // When disabled, let touches fall through to the grid blocks beneath
+    // (e.g. "select a time" mode) instead of swallowing them.
+    pointerEvents: disabled ? "none" : "auto"
   };
   const resolved = typeof styleOverrides === "function" ? styleOverrides(event) ?? {} : styleOverrides ?? {};
   const handlePress = useCallback(() => onPress?.(event), [onPress, event]);
@@ -1384,10 +1387,6 @@ var CalendarInner = (props) => {
   const internalOnLongPress = useRef(null);
   const onDisabledBlockPressRef = React19__default.useRef(onDisabledBlockPress);
   onDisabledBlockPressRef.current = onDisabledBlockPress;
-  const selectedRef = useRef(props.isEventSelected);
-  selectedRef.current = props.isEventSelected;
-  const disabledRef = useRef(props.isEventDisabled);
-  disabledRef.current = props.isEventDisabled;
   const effectiveRenderer = useMemo(() => {
     return (p) => /* @__PURE__ */ React19__default.createElement(
       EventBlock_default,
@@ -1399,16 +1398,13 @@ var CalendarInner = (props) => {
     );
   }, [eventSlots, eventStyleOverrides]);
   const isEventSelectedStable = useCallback(
-    (ev) => selectedRef.current ? selectedRef.current(ev) : false,
-    []
+    (ev) => props.isEventSelected?.(ev) ?? false,
+    [props.isEventSelected]
   );
   const isEventDisabledStable = useCallback(
-    (ev) => disabledRef.current ? disabledRef.current(ev) : false,
-    []
+    (ev) => props.isEventDisabled?.(ev) ?? false,
+    [props.isEventDisabled]
   );
-  const rendererRef = useRef(effectiveRenderer);
-  rendererRef.current = effectiveRenderer;
-  const stableRenderer = useCallback((p) => rendererRef.current(p), []);
   const stableOnPress = React19__default.useCallback((e) => onPressRef.current?.(e), []);
   const stableOnDisabledBlockPress = React19__default.useCallback((b) => onDisabledBlockPressRef.current?.(b), []);
   const { useGetSelectedEvent: useGetSelectedEvent2, useSetSelectedEvent: useSetSelectedEvent2, useSetDraggedEventDraft: useSetDraggedEventDraft2, useGetDraggedEventDraft: useGetDraggedEventDraft2 } = useCalendarBinding();
@@ -1476,6 +1472,8 @@ var CalendarInner = (props) => {
     },
     [enableHapticFeedback]
   );
+  const triggerHapticRef = useRef(triggerHaptic);
+  triggerHapticRef.current = triggerHaptic;
   const resourceIds = useMemo(() => {
     const ids = resources?.map((item) => item?.id) || [];
     if (JSON.stringify(prevResourceIdsRef.current) !== JSON.stringify(ids)) {
@@ -1709,7 +1707,7 @@ var CalendarInner = (props) => {
         date: event.date
       });
       requestAnimationFrame(() => setDragReady(true));
-      triggerHaptic("Medium");
+      triggerHapticRef.current("Medium");
     };
   }, []);
   const internalStableOnLongPress = useCallback((e) => {
@@ -1744,6 +1742,18 @@ var CalendarInner = (props) => {
     if (onBlockTap)
       onBlockTap(resource, new Date(time));
   }, [resources, onBlockTap]);
+  const handleBlockPressRef = useRef(handleBlockPress);
+  handleBlockPressRef.current = handleBlockPress;
+  const stableHandleBlockPress = useCallback(
+    (resourceId, time) => handleBlockPressRef.current(resourceId, time),
+    []
+  );
+  const handleBlockLongPressRef = useRef(handleBlockLongPress);
+  handleBlockLongPressRef.current = handleBlockLongPress;
+  const stableHandleBlockLongPress = useCallback(
+    (resourceId, time) => handleBlockLongPressRef.current(resourceId, time),
+    []
+  );
   useEffect(() => {
     const handleOrientationChange = () => {
       if (selectedEvent) {
@@ -1764,8 +1774,8 @@ var CalendarInner = (props) => {
       {
         hourHeight,
         APPOINTMENT_BLOCK_WIDTH,
-        handleBlockPress: (time) => handleBlockPress(rid, combineDateAndTime(dayDate ?? dateRef.current, time)),
-        handleBlockLongPress: (time) => handleBlockLongPress(rid, combineDateAndTime(dayDate ?? dateRef.current, time))
+        handleBlockPress: (time) => stableHandleBlockPress(rid, combineDateAndTime(dayDate ?? dateRef.current, time)),
+        handleBlockLongPress: (time) => stableHandleBlockLongPress(rid, combineDateAndTime(dayDate ?? dateRef.current, time))
       }
     ), /* @__PURE__ */ React19__default.createElement(
       DisabledIntervals_default,
@@ -1795,7 +1805,7 @@ var CalendarInner = (props) => {
         onLongPress: internalStableOnLongPress,
         isEventSelected: isEventSelectedStable,
         isEventDisabled: isEventDisabledStable,
-        eventRenderer: stableRenderer,
+        eventRenderer: effectiveRenderer,
         mode: overLappingLayoutMode
       }
     )));
@@ -1805,14 +1815,36 @@ var CalendarInner = (props) => {
     resourceIds,
     APPOINTMENT_BLOCK_WIDTH,
     hourHeight,
-    stableRenderer,
+    effectiveRenderer,
     isEventSelectedStable,
     isEventDisabledStable,
     overLappingLayoutMode,
     stableOnPress,
     internalStableOnLongPress,
-    stableOnDisabledBlockPress
+    stableOnDisabledBlockPress,
+    stableHandleBlockPress,
+    stableHandleBlockLongPress
   ]);
+  const listExtraData = useMemo(
+    () => ({
+      numberOfColumns,
+      width,
+      hourHeight,
+      stacked: overLappingLayoutMode === "stacked",
+      isEventSelectedStable,
+      isEventDisabledStable,
+      effectiveRenderer
+    }),
+    [
+      numberOfColumns,
+      width,
+      hourHeight,
+      overLappingLayoutMode,
+      isEventSelectedStable,
+      isEventDisabledStable,
+      effectiveRenderer
+    ]
+  );
   return /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(StoreFeeder, { resources, store: binding, baseDate: date }), /* @__PURE__ */ React19__default.createElement(View, { style: { flex: 1 } }, !isMultiDay ? /* @__PURE__ */ React19__default.createElement(View, { key: `header-${numberOfColumns}-${width}` }, /* @__PURE__ */ React19__default.createElement(
     Animated2.ScrollView,
     {
@@ -1896,7 +1928,7 @@ var CalendarInner = (props) => {
       /* @__PURE__ */ React19__default.createElement(
         AnimatedFlashList,
         {
-          extraData: numberOfColumns + width + hourHeight + (overLappingLayoutMode === "stacked" ? 1 : 0),
+          extraData: listExtraData,
           scrollEnabled: !selectedEvent,
           ref: flashListRef,
           onScroll: flashListScrollHandler,