react-native-resource-calendar 1.1.3 → 1.1.5

package/dist/index.js

@@ -804,10 +804,10 @@ var EventGridBlocksSkia = ({
   const onTouchesUp = React19__namespace.useCallback(() => {
     setPressedRow(null);
   }, []);
-  const longPressGesture = reactNativeGestureHandler.Gesture.LongPress().onBegin((e) => {
+  const longPressGesture = reactNativeGestureHandler.Gesture.LongPress().minDuration(350).onBegin((e) => {
     "worklet";
     reactNativeWorklets.scheduleOnRN(onPressBegin, Math.floor(e.y / rowHeight));
-  }).onEnd((e) => {
+  }).onStart((e) => {
     "worklet";
     reactNativeWorklets.scheduleOnRN(onSlotLongPress, Math.floor(e.y / rowHeight));
   }).onTouchesUp(() => {
@@ -1034,13 +1034,12 @@ var EventBlock = React19__namespace.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);
@@ -1051,11 +1050,13 @@ var EventBlock = React19__namespace.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 = React19.useCallback(() => onPress?.(event), [onPress, event]);
+  const handleLongPress = React19.useCallback(() => onLongPress?.(event), [onLongPress, event]);
   if (eventHeight == 0)
     return null;
   const TopRight = slots?.TopRight;
@@ -1067,12 +1068,8 @@ var EventBlock = React19__namespace.default.memo(({
     {
       style: [styles5.event, resolved?.container, dynamicStyle],
       disabled,
-      onPress: () => {
-        onPress && onPress(event);
-      },
-      onLongPress: () => {
-        onLongPress && onLongPress(event);
-      }
+      onPress: handlePress,
+      onLongPress: handleLongPress
     },
     /* @__PURE__ */ React19__namespace.default.createElement(Col_default, { style: [{ position: "relative" }, resolved?.content] }, /* @__PURE__ */ React19__namespace.default.createElement(
       reactNative.TextInput,
@@ -1266,29 +1263,32 @@ var EventBlocks = React19__namespace.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 = React19.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__namespace.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
         }
       );
     }
@@ -1367,6 +1367,7 @@ var DaysComponent = ({ onResourcePress, activeResourceId, mode, date, APPOINTMEN
   })));
 };
 var AnimatedFlashList = Animated2__default.default.createAnimatedComponent(flashList.FlashList);
+var DEFAULT_TIMEZONE = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone;
 var CalendarInner = (props) => {
   const { width } = reactNative.useWindowDimensions();
   const isIOS = reactNative.Platform.OS === "ios";
@@ -1377,7 +1378,7 @@ var CalendarInner = (props) => {
     startMinutes,
     hourHeight = 120,
     snapIntervalInMinutes = 5,
-    timezone = Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone,
+    timezone = DEFAULT_TIMEZONE,
     resources,
     onResourcePress,
     onBlockLongPress,
@@ -1401,11 +1402,16 @@ var CalendarInner = (props) => {
   );
   const snapInterval = hourHeight / 60 * snapIntervalInMinutes;
   const onPressRef = React19__namespace.default.useRef(onEventPress);
+  onPressRef.current = onEventPress;
   const onLongPressRef = React19__namespace.default.useRef(onEventLongPress);
+  onLongPressRef.current = onEventLongPress;
   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,25 +1430,8 @@ var CalendarInner = (props) => {
     (ev) => disabledRef.current ? disabledRef.current(ev) : false,
     []
   );
-  React19.useEffect(() => {
-    onPressRef.current = onEventPress;
-  }, [onEventPress]);
-  React19.useEffect(() => {
-    onLongPressRef.current = onEventLongPress;
-  }, [onEventLongPress]);
-  React19.useEffect(() => {
-    onDisabledBlockPressRef.current = onDisabledBlockPress;
-  }, [onDisabledBlockPress]);
-  React19.useEffect(() => {
-    rendererRef.current = effectiveRenderer;
-  }, [effectiveRenderer]);
-  React19.useEffect(() => {
-    selectedRef.current = props.isEventSelected;
-  }, [props.isEventSelected]);
-  React19.useEffect(() => {
-    disabledRef.current = props.isEventDisabled;
-  }, [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), []);
@@ -1450,27 +1439,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 = React19.useMemo(
+    () => (width - TIME_LABEL_WIDTH) / numberOfColumns,
+    [width, numberOfColumns]
+  );
   const hourHeightRef = React19.useRef(hourHeight);
+  hourHeightRef.current = hourHeight;
   const resourcesRef = React19.useRef(resources);
+  resourcesRef.current = resources;
   const apptWidthRef = React19.useRef(APPOINTMENT_BLOCK_WIDTH);
+  apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
   const isMultiDayRef = React19.useRef(isMultiDay);
+  isMultiDayRef.current = isMultiDay;
   const daysRef = React19.useRef(days);
-  React19.useEffect(() => {
-    hourHeightRef.current = hourHeight;
-  }, [hourHeight]);
-  React19.useEffect(() => {
-    resourcesRef.current = resources;
-  }, [resources]);
-  React19.useEffect(() => {
-    apptWidthRef.current = APPOINTMENT_BLOCK_WIDTH;
-  }, [APPOINTMENT_BLOCK_WIDTH]);
-  React19.useEffect(() => {
-    isMultiDayRef.current = isMultiDay;
-  }, [isMultiDay]);
-  React19.useEffect(() => {
-    daysRef.current = days;
-  }, [days]);
+  daysRef.current = days;
   React19.useEffect(() => {
     if (!selectedEvent) {
       setDraggedEventDraft(null);
@@ -1487,6 +1469,7 @@ var CalendarInner = (props) => {
   const [layout, setLayout] = React19.useState(null);
   const [dragReady, setDragReady] = React19.useState(false);
   const dateRef = React19.useRef(date);
+  dateRef.current = date;
   const eventStartedTop = Animated2.useSharedValue(0);
   const eventHeight = Animated2.useSharedValue(0);
   const panXAbs = Animated2.useSharedValue(0);
@@ -1790,9 +1773,6 @@ var CalendarInner = (props) => {
       subscription.remove();
     };
   }, [setSelectedEvent, selectedEvent, setDragReady]);
-  React19.useEffect(() => {
-    dateRef.current = date;
-  }, [date]);
   const renderItem = React19.useCallback(({ item, index }) => {
     const rid = !isMultiDay ? item : activeResourceId ?? resourceIds[0];
     const dayDate = !isMultiDay ? void 0 : item.dayDate;
@@ -1848,8 +1828,7 @@ var CalendarInner = (props) => {
     overLappingLayoutMode,
     stableOnPress,
     internalStableOnLongPress,
-    stableOnDisabledBlockPress,
-    dateRef
+    stableOnDisabledBlockPress
   ]);
   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,