react-native-resource-calendar 1.1.12 → 1.1.14

package/dist/index.mjs

@@ -1384,10 +1384,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 +1395,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 +1469,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 +1704,7 @@ var CalendarInner = (props) => {
         date: event.date
       });
       requestAnimationFrame(() => setDragReady(true));
-      triggerHaptic("Medium");
+      triggerHapticRef.current("Medium");
     };
   }, []);
   const internalStableOnLongPress = useCallback((e) => {
@@ -1744,17 +1739,30 @@ 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 = () => {
-      setSelectedEvent(null);
-      setDragReady(false);
-      setLayout(null);
+      if (selectedEvent) {
+        setSelectedEvent(null);
+        setDragReady(false);
+      }
     };
     const subscription = Dimensions.addEventListener("change", handleOrientationChange);
     return () => {
       subscription.remove();
     };
-  }, [setSelectedEvent, setDragReady]);
+  }, [setSelectedEvent, selectedEvent, setDragReady]);
   const renderItem = useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;
@@ -1763,8 +1771,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,
@@ -1794,7 +1802,7 @@ var CalendarInner = (props) => {
         onLongPress: internalStableOnLongPress,
         isEventSelected: isEventSelectedStable,
         isEventDisabled: isEventDisabledStable,
-        eventRenderer: stableRenderer,
+        eventRenderer: effectiveRenderer,
         mode: overLappingLayoutMode
       }
     )));
@@ -1804,14 +1812,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,
     {
@@ -1895,7 +1925,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,