react-native-resource-calendar 1.0.19 → 1.0.21

package/dist/index.mjs

@@ -4,7 +4,6 @@ import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated2, { useSharedValue, useAnimatedRef, runOnJS, withSpring, useFrameCallback, scrollTo, useAnimatedScrollHandler, useAnimatedStyle, useAnimatedProps } from 'react-native-reanimated';
 import { InteractionManager, View, StyleSheet, Text, TouchableOpacity, TextInput, useWindowDimensions, Platform, Dimensions, Image } from 'react-native';
 import { FlashList } from '@shopify/flash-list';
-import * as Haptics from 'expo-haptics';
 import { toZonedTime } from 'date-fns-tz';
 import { isSameDay, format, getHours, getMinutes, set, addDays, setSeconds, setMinutes, setHours } from 'date-fns';
 import { isUndefined } from 'lodash';
@@ -721,6 +720,7 @@ function StaffAvatar({
 }
 var EventGridBlocksSkia = ({
   handleBlockPress,
+  handleBlockLongPress,
   hourHeight,
   APPOINTMENT_BLOCK_WIDTH
 }) => {
@@ -762,6 +762,16 @@ var EventGridBlocksSkia = ({
     },
     [handleBlockPress, timeLabels]
   );
+  const onSlotLongPress = React19.useCallback(
+    (row) => {
+      setPressedRow(null);
+      const slot = timeLabels[row];
+      if (slot) {
+        handleBlockLongPress(slot);
+      }
+    },
+    [timeLabels, handleBlockLongPress]
+  );
   const onPressBegin = React19.useCallback((row) => {
     setPressedRow(row);
   }, []);
@@ -771,14 +781,31 @@ var EventGridBlocksSkia = ({
   const longPressGesture = Gesture.LongPress().onBegin((e) => {
     "worklet";
     runOnJS(onPressBegin)(Math.floor(e.y / rowHeight));
+  }).onTouchesUp(() => {
+    "worklet";
+    runOnJS(onTouchesUp)();
+  }).onEnd((e) => {
+    "worklet";
+    runOnJS(onSlotLongPress)(Math.floor(e.y / rowHeight));
+  }).onFinalize(() => {
+    "worklet";
+    runOnJS(onTouchesUp)();
+  });
+  const tapGesture = Gesture.Tap().onBegin((e) => {
+    "worklet";
+    runOnJS(onPressBegin)(Math.floor(e.y / rowHeight));
   }).onEnd((e) => {
     "worklet";
     runOnJS(onSlotPress)(Math.floor(e.y / rowHeight));
+  }).onTouchesUp(() => {
+    "worklet";
+    runOnJS(onTouchesUp)();
   }).onFinalize(() => {
     "worklet";
     runOnJS(onTouchesUp)();
   });
-  return /* @__PURE__ */ React19.createElement(GestureDetector, { gesture: longPressGesture }, /* @__PURE__ */ React19.createElement(View, null, /* @__PURE__ */ React19.createElement(Canvas, { style: { width: APPOINTMENT_BLOCK_WIDTH, height: segmentHeight } }, firstRects.map(({ x, y, width: w, height: h, row }, idx) => /* @__PURE__ */ React19.createElement(React19.Fragment, { key: idx }, /* @__PURE__ */ React19.createElement(
+  const composedGesture = Gesture.Race(longPressGesture, tapGesture);
+  return /* @__PURE__ */ React19.createElement(GestureDetector, { gesture: composedGesture }, /* @__PURE__ */ React19.createElement(View, null, /* @__PURE__ */ React19.createElement(Canvas, { style: { width: APPOINTMENT_BLOCK_WIDTH, height: segmentHeight } }, firstRects.map(({ x, y, width: w, height: h, row }, idx) => /* @__PURE__ */ React19.createElement(React19.Fragment, { key: idx }, /* @__PURE__ */ React19.createElement(
     Rect$1,
     {
       x,
@@ -1027,7 +1054,8 @@ var EventBlock = React19__default.memo(({
           fontSize: getTextSize(hourHeight),
           pointerEvents: "none",
           padding: 0,
-          margin: 0
+          margin: 0,
+          color: "black"
         }, resolved?.time],
         defaultValue: `${start} - ${end}`
       }
@@ -1146,7 +1174,8 @@ var DraggableEvent = ({
         fontSize: getTextSize(hourHeight),
         pointerEvents: "none",
         padding: 0,
-        margin: 0
+        margin: 0,
+        color: "black"
       }, resolved?.time],
       defaultValue: initialDisplayTime,
       animatedProps: animatedTimeProps
@@ -1320,9 +1349,11 @@ var CalendarInner = (props) => {
     resources,
     onResourcePress,
     onBlockLongPress,
+    onBlockTap,
     onEventPress,
     onEventLongPress,
     onDisabledBlockPress,
+    enableHapticFeedback = false,
     eventSlots,
     eventStyleOverrides,
     overLappingLayoutMode = "stacked",
@@ -1439,9 +1470,19 @@ var CalendarInner = (props) => {
   const startedX = useSharedValue(0);
   const startedY = useSharedValue(0);
   const touchY = useSharedValue(0);
-  const triggerHaptic = useCallback(() => {
-    Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
-  }, []);
+  const triggerHaptic = useCallback(
+    async (style = "Light") => {
+      try {
+        const Haptics = await import('expo-haptics');
+        const feedbackStyle = Haptics.ImpactFeedbackStyle[style];
+        if (enableHapticFeedback)
+          await Haptics.impactAsync(feedbackStyle);
+      } catch (e) {
+        console.log("Haptics not available, skipping...");
+      }
+    },
+    [enableHapticFeedback]
+  );
   const resourceIds = useMemo(() => {
     const ids = resources?.map((item) => item?.id) || [];
     if (JSON.stringify(prevResourceIdsRef.current) !== JSON.stringify(ids)) {
@@ -1602,7 +1643,7 @@ var CalendarInner = (props) => {
       const increment = APPOINTMENT_BLOCK_WIDTH * Math.sign(autoScrollXSpeed.value);
       const newScrollX = scrollX.value + increment;
       runOnJS(scrollListTo)(newScrollX);
-      runOnJS(Haptics.impactAsync)(Haptics.ImpactFeedbackStyle.Medium);
+      runOnJS(triggerHaptic)("Medium");
     }
   });
   useFrameCallback(() => {
@@ -1636,7 +1677,7 @@ var CalendarInner = (props) => {
     const scrollDiff = Math.abs(newScrollY - lastHapticScrollY.value);
     if (scrollDiff >= snapInterval) {
       lastHapticScrollY.value = newScrollY;
-      runOnJS(Haptics.impactAsync)(Haptics.ImpactFeedbackStyle.Medium);
+      runOnJS(triggerHaptic)("Medium");
     }
   });
   useEffect(() => {
@@ -1670,7 +1711,7 @@ var CalendarInner = (props) => {
       eventHeight.value = initialHeight;
       setSelectedEvent(event);
       requestAnimationFrame(() => setDragReady(true));
-      Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
+      runOnJS(triggerHaptic)("Medium");
     };
   }, []);
   const internalStableOnLongPress = useCallback((e) => {
@@ -1693,12 +1734,18 @@ var CalendarInner = (props) => {
       }
     }
   });
-  const handleBlockPress = useCallback((resourceId, time) => {
-    Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
+  const handleBlockLongPress = useCallback((resourceId, time) => {
+    runOnJS(triggerHaptic)("Medium");
     const resource = resources.find((r) => r.id === resourceId);
     if (onBlockLongPress)
       onBlockLongPress(resource, new Date(time));
   }, [resources, onBlockLongPress]);
+  const handleBlockPress = useCallback((resourceId, time) => {
+    runOnJS(triggerHaptic)("Medium");
+    const resource = resources.find((r) => r.id === resourceId);
+    if (onBlockTap)
+      onBlockTap(resource, new Date(time));
+  }, [resources, onBlockTap]);
   useEffect(() => {
     const handleOrientationChange = () => {
       if (selectedEvent) {
@@ -1722,7 +1769,8 @@ var CalendarInner = (props) => {
       {
         hourHeight,
         APPOINTMENT_BLOCK_WIDTH,
-        handleBlockPress: (time) => handleBlockPress(rid, combineDateAndTime(dayDate ?? dateRef.current, time))
+        handleBlockPress: (time) => handleBlockPress(rid, combineDateAndTime(dayDate ?? dateRef.current, time)),
+        handleBlockLongPress: (time) => handleBlockLongPress(rid, combineDateAndTime(dayDate ?? dateRef.current, time))
       }
     ), /* @__PURE__ */ React19__default.createElement(
       DisabledIntervals_default,