react-native-resource-calendar 1.1.12 → 1.1.14

package/dist/index.js

@@ -1409,10 +1409,6 @@ var CalendarInner = (props) => {
   const internalOnLongPress = React19.useRef(null);
   const onDisabledBlockPressRef = React19__namespace.default.useRef(onDisabledBlockPress);
   onDisabledBlockPressRef.current = onDisabledBlockPress;
-  const selectedRef = React19.useRef(props.isEventSelected);
-  selectedRef.current = props.isEventSelected;
-  const disabledRef = React19.useRef(props.isEventDisabled);
-  disabledRef.current = props.isEventDisabled;
   const effectiveRenderer = React19.useMemo(() => {
     return (p) => /* @__PURE__ */ React19__namespace.default.createElement(
       EventBlock_default,
@@ -1424,16 +1420,13 @@ var CalendarInner = (props) => {
     );
   }, [eventSlots, eventStyleOverrides]);
   const isEventSelectedStable = React19.useCallback(
-    (ev) => selectedRef.current ? selectedRef.current(ev) : false,
-    []
+    (ev) => props.isEventSelected?.(ev) ?? false,
+    [props.isEventSelected]
   );
   const isEventDisabledStable = React19.useCallback(
-    (ev) => disabledRef.current ? disabledRef.current(ev) : false,
-    []
+    (ev) => props.isEventDisabled?.(ev) ?? false,
+    [props.isEventDisabled]
   );
-  const rendererRef = React19.useRef(effectiveRenderer);
-  rendererRef.current = effectiveRenderer;
-  const stableRenderer = React19.useCallback((p) => rendererRef.current(p), []);
   const stableOnPress = React19__namespace.default.useCallback((e) => onPressRef.current?.(e), []);
   const stableOnDisabledBlockPress = React19__namespace.default.useCallback((b) => onDisabledBlockPressRef.current?.(b), []);
   const { useGetSelectedEvent: useGetSelectedEvent2, useSetSelectedEvent: useSetSelectedEvent2, useSetDraggedEventDraft: useSetDraggedEventDraft2, useGetDraggedEventDraft: useGetDraggedEventDraft2 } = useCalendarBinding();
@@ -1501,6 +1494,8 @@ var CalendarInner = (props) => {
     },
     [enableHapticFeedback]
   );
+  const triggerHapticRef = React19.useRef(triggerHaptic);
+  triggerHapticRef.current = triggerHaptic;
   const resourceIds = React19.useMemo(() => {
     const ids = resources?.map((item) => item?.id) || [];
     if (JSON.stringify(prevResourceIdsRef.current) !== JSON.stringify(ids)) {
@@ -1734,7 +1729,7 @@ var CalendarInner = (props) => {
         date: event.date
       });
       requestAnimationFrame(() => setDragReady(true));
-      triggerHaptic("Medium");
+      triggerHapticRef.current("Medium");
     };
   }, []);
   const internalStableOnLongPress = React19.useCallback((e) => {
@@ -1769,17 +1764,30 @@ var CalendarInner = (props) => {
     if (onBlockTap)
       onBlockTap(resource, new Date(time));
   }, [resources, onBlockTap]);
+  const handleBlockPressRef = React19.useRef(handleBlockPress);
+  handleBlockPressRef.current = handleBlockPress;
+  const stableHandleBlockPress = React19.useCallback(
+    (resourceId, time) => handleBlockPressRef.current(resourceId, time),
+    []
+  );
+  const handleBlockLongPressRef = React19.useRef(handleBlockLongPress);
+  handleBlockLongPressRef.current = handleBlockLongPress;
+  const stableHandleBlockLongPress = React19.useCallback(
+    (resourceId, time) => handleBlockLongPressRef.current(resourceId, time),
+    []
+  );
   React19.useEffect(() => {
     const handleOrientationChange = () => {
-      setSelectedEvent(null);
-      setDragReady(false);
-      setLayout(null);
+      if (selectedEvent) {
+        setSelectedEvent(null);
+        setDragReady(false);
+      }
     };
     const subscription = reactNative.Dimensions.addEventListener("change", handleOrientationChange);
     return () => {
       subscription.remove();
     };
-  }, [setSelectedEvent, setDragReady]);
+  }, [setSelectedEvent, selectedEvent, setDragReady]);
   const renderItem = React19.useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;
@@ -1788,8 +1796,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__namespace.default.createElement(
       DisabledIntervals_default,
@@ -1819,7 +1827,7 @@ var CalendarInner = (props) => {
         onLongPress: internalStableOnLongPress,
         isEventSelected: isEventSelectedStable,
         isEventDisabled: isEventDisabledStable,
-        eventRenderer: stableRenderer,
+        eventRenderer: effectiveRenderer,
         mode: overLappingLayoutMode
       }
     )));
@@ -1829,14 +1837,36 @@ var CalendarInner = (props) => {
     resourceIds,
     APPOINTMENT_BLOCK_WIDTH,
     hourHeight,
-    stableRenderer,
+    effectiveRenderer,
     isEventSelectedStable,
     isEventDisabledStable,
     overLappingLayoutMode,
     stableOnPress,
     internalStableOnLongPress,
-    stableOnDisabledBlockPress
+    stableOnDisabledBlockPress,
+    stableHandleBlockPress,
+    stableHandleBlockLongPress
   ]);
+  const listExtraData = React19.useMemo(
+    () => ({
+      numberOfColumns,
+      width,
+      hourHeight,
+      stacked: overLappingLayoutMode === "stacked",
+      isEventSelectedStable,
+      isEventDisabledStable,
+      effectiveRenderer
+    }),
+    [
+      numberOfColumns,
+      width,
+      hourHeight,
+      overLappingLayoutMode,
+      isEventSelectedStable,
+      isEventDisabledStable,
+      effectiveRenderer
+    ]
+  );
   return /* @__PURE__ */ React19__namespace.default.createElement(React19__namespace.default.Fragment, null, /* @__PURE__ */ React19__namespace.default.createElement(StoreFeeder, { resources, store: binding, baseDate: date }), /* @__PURE__ */ React19__namespace.default.createElement(reactNative.View, { style: { flex: 1 } }, !isMultiDay ? /* @__PURE__ */ React19__namespace.default.createElement(reactNative.View, { key: `header-${numberOfColumns}-${width}` }, /* @__PURE__ */ React19__namespace.default.createElement(
     Animated2__default.default.ScrollView,
     {
@@ -1920,7 +1950,7 @@ var CalendarInner = (props) => {
       /* @__PURE__ */ React19__namespace.default.createElement(
         AnimatedFlashList,
         {
-          extraData: numberOfColumns + width + hourHeight + (overLappingLayoutMode === "stacked" ? 1 : 0),
+          extraData: listExtraData,
           scrollEnabled: !selectedEvent,
           ref: flashListRef,
           onScroll: flashListScrollHandler,