react-native-resource-calendar 1.1.4 → 1.1.5

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React19 from 'react';
-import React19__default, { createContext, useState, useEffect, useRef, useMemo, useContext, useCallback } from 'react';
+import React19__default, { createContext, useState, useEffect, useRef, useMemo, useCallback, useContext } from 'react';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { scheduleOnRN } from 'react-native-worklets';
 import Animated2, { useAnimatedRef, useSharedValue, withSpring, useFrameCallback, scrollTo, useAnimatedScrollHandler, useAnimatedStyle, useAnimatedProps } from 'react-native-reanimated';
@@ -1009,13 +1009,12 @@ var EventBlock = React19__default.memo(({
   onPress,
   disabled,
   selected,
+  anyEventSelected,
   hourHeight,
   slots,
   frame,
   styleOverrides
 }) => {
-  const { useGetSelectedEvent: useGetSelectedEvent2 } = useCalendarBinding();
-  const selectedAppointment = useGetSelectedEvent2();
   const eventTop = scalePosition(event.from, hourHeight);
   const eventHeight = scalePosition(event.to - event.from, hourHeight);
   const start = minutesToTime(event.from);
@@ -1026,11 +1025,13 @@ var EventBlock = React19__default.memo(({
     left: frame.leftPx + 1,
     width: frame.widthPx - 3,
     zIndex: frame.zIndex,
-    opacity: selectedAppointment || disabled ? 0.5 : 1,
+    opacity: anyEventSelected || disabled ? 0.5 : 1,
     borderWidth: selected ? 2 : 1,
     borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)"
   };
   const resolved = typeof styleOverrides === "function" ? styleOverrides(event) ?? {} : styleOverrides ?? {};
+  const handlePress = useCallback(() => onPress?.(event), [onPress, event]);
+  const handleLongPress = useCallback(() => onLongPress?.(event), [onLongPress, event]);
   if (eventHeight == 0)
     return null;
   const TopRight = slots?.TopRight;
@@ -1042,12 +1043,8 @@ var EventBlock = React19__default.memo(({
     {
       style: [styles5.event, resolved?.container, dynamicStyle],
       disabled,
-      onPress: () => {
-        onPress && onPress(event);
-      },
-      onLongPress: () => {
-        onLongPress && onLongPress(event);
-      }
+      onPress: handlePress,
+      onLongPress: handleLongPress
     },
     /* @__PURE__ */ React19__default.createElement(Col_default, { style: [{ position: "relative" }, resolved?.content] }, /* @__PURE__ */ React19__default.createElement(
       TextInput,
@@ -1241,29 +1238,32 @@ var EventBlocks = React19__default.memo(({
   mode,
   date: dateProp
 }) => {
-  const { useEventsFor: useEventsFor2, useGetDate: useGetDate2 } = useCalendarBinding();
+  const { useEventsFor: useEventsFor2, useGetDate: useGetDate2, useGetSelectedEvent: useGetSelectedEvent2 } = useCalendarBinding();
   const date = useGetDate2();
+  const selectedEvent = useGetSelectedEvent2();
   const events = useEventsFor2(id, dateProp ?? date);
+  const anyEventSelected = !!selectedEvent;
   const frameMap = useMemo(
     () => computeEventFrames(events, EVENT_BLOCK_WIDTH, mode),
     [events, mode, EVENT_BLOCK_WIDTH]
   );
   const Renderer = eventRenderer;
   return events?.map(
-    (evt, index) => {
+    (evt) => {
       const selected = isEventSelected?.(evt) ?? false;
       const disabled = isEventDisabled?.(evt) ?? false;
       return /* @__PURE__ */ React19__default.createElement(
         Renderer,
         {
-          key: `${evt.from}-${evt.to}-${index}`,
+          key: `${evt.id}`,
           event: evt,
-          onLongPress: (evt2) => onLongPress(evt2),
-          onPress: (evt2) => onPress(evt2),
+          onLongPress,
+          onPress,
           hourHeight,
           frame: frameMap.get(evt.id),
           selected,
-          disabled
+          disabled,
+          anyEventSelected
         }
       );
     }
@@ -1342,6 +1342,7 @@ var DaysComponent = ({ onResourcePress, activeResourceId, mode, date, APPOINTMEN
   })));
 };
 var AnimatedFlashList = Animated2.createAnimatedComponent(FlashList);
+var DEFAULT_TIMEZONE = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone;
 var CalendarInner = (props) => {
   const { width } = useWindowDimensions();
   const isIOS = Platform.OS === "ios";
@@ -1352,7 +1353,7 @@ var CalendarInner = (props) => {
     startMinutes,
     hourHeight = 120,
     snapIntervalInMinutes = 5,
-    timezone = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone,
+    timezone = DEFAULT_TIMEZONE,
     resources,
     onResourcePress,
     onBlockLongPress,
@@ -1376,11 +1377,16 @@ var CalendarInner = (props) => {
   );
   const snapInterval = hourHeight / 60 * snapIntervalInMinutes;
   const onPressRef = React19__default.useRef(onEventPress);
+  onPressRef.current = onEventPress;
   const onLongPressRef = React19__default.useRef(onEventLongPress);
+  onLongPressRef.current = onEventLongPress;
   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,25 +1405,8 @@ var CalendarInner = (props) => {
     (ev) => disabledRef.current ? disabledRef.current(ev) : false,
     []
   );
-  useEffect(() => {
-    onPressRef.current = onEventPress;
-  }, [onEventPress]);
-  useEffect(() => {
-    onLongPressRef.current = onEventLongPress;
-  }, [onEventLongPress]);
-  useEffect(() => {
-    onDisabledBlockPressRef.current = onDisabledBlockPress;
-  }, [onDisabledBlockPress]);
-  useEffect(() => {
-    rendererRef.current = effectiveRenderer;
-  }, [effectiveRenderer]);
-  useEffect(() => {
-    selectedRef.current = props.isEventSelected;
-  }, [props.isEventSelected]);
-  useEffect(() => {
-    disabledRef.current = props.isEventDisabled;
-  }, [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), []);
@@ -1425,27 +1414,20 @@ var CalendarInner = (props) => {
   const selectedEvent = useGetSelectedEvent2();
   const setSelectedEvent = useSetSelectedEvent2();
   const setDraggedEventDraft = useSetDraggedEventDraft2();
-  const APPOINTMENT_BLOCK_WIDTH = (width - TIME_LABEL_WIDTH) / numberOfColumns;
+  const APPOINTMENT_BLOCK_WIDTH = useMemo(
+    () => (width - TIME_LABEL_WIDTH) / numberOfColumns,
+    [width, numberOfColumns]
+  );
   const hourHeightRef = useRef(hourHeight);
+  hourHeightRef.current = hourHeight;
   const resourcesRef = useRef(resources);
+  resourcesRef.current = resources;
   const apptWidthRef = useRef(APPOINTMENT_BLOCK_WIDTH);
+  apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
   const isMultiDayRef = useRef(isMultiDay);
+  isMultiDayRef.current = isMultiDay;
   const daysRef = useRef(days);
-  useEffect(() => {
-    hourHeightRef.current = hourHeight;
-  }, [hourHeight]);
-  useEffect(() => {
-    resourcesRef.current = resources;
-  }, [resources]);
-  useEffect(() => {
-    apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
-  }, [APPOINTMENT_BLOCK_WIDTH]);
-  useEffect(() => {
-    isMultiDayRef.current = isMultiDay;
-  }, [isMultiDay]);
-  useEffect(() => {
-    daysRef.current = days;
-  }, [days]);
+  daysRef.current = days;
   useEffect(() => {
     if (!selectedEvent) {
       setDraggedEventDraft(null);
@@ -1462,6 +1444,7 @@ var CalendarInner = (props) => {
   const [layout, setLayout] = useState(null);
   const [dragReady, setDragReady] = useState(false);
   const dateRef = useRef(date);
+  dateRef.current = date;
   const eventStartedTop = useSharedValue(0);
   const eventHeight = useSharedValue(0);
   const panXAbs = useSharedValue(0);
@@ -1765,9 +1748,6 @@ var CalendarInner = (props) => {
       subscription.remove();
     };
   }, [setSelectedEvent, selectedEvent, setDragReady]);
-  useEffect(() => {
-    dateRef.current = date;
-  }, [date]);
   const renderItem = useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;
@@ -1823,8 +1803,7 @@ var CalendarInner = (props) => {
     overLappingLayoutMode,
     stableOnPress,
     internalStableOnLongPress,
-    stableOnDisabledBlockPress,
-    dateRef
+    stableOnDisabledBlockPress
   ]);
   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,