react-native-resource-calendar 1.1.14 → 1.1.16

package/dist/index.d.mts

@@ -95,6 +95,7 @@ interface CalendarProps {
     eventStyleOverrides?: StyleOverrides | ((event: Event) => StyleOverrides | undefined);
     isEventSelected?: FlagFn;
     isEventDisabled?: FlagFn;
+    disabledBlocksTapThrough?: boolean;
     theme?: CalendarTheme;
     overLappingLayoutMode?: LayoutMode;
     mode?: CalendarMode;

package/dist/index.d.ts

@@ -95,6 +95,7 @@ interface CalendarProps {
     eventStyleOverrides?: StyleOverrides | ((event: Event) => StyleOverrides | undefined);
     isEventSelected?: FlagFn;
     isEventDisabled?: FlagFn;
+    disabledBlocksTapThrough?: boolean;
     theme?: CalendarTheme;
     overLappingLayoutMode?: LayoutMode;
     mode?: CalendarMode;

package/dist/index.js

@@ -939,7 +939,8 @@ var DisabledBlockComponent = ({
   layout,
   disabledBlock,
   hourHeight,
-  onDisabledBlockPress
+  onDisabledBlockPress,
+  tapThrough
 }) => {
   const dynamicStyle = {
     backgroundColor: "#d3d3d3",
@@ -948,13 +949,17 @@ var DisabledBlockComponent = ({
     height: height < hourHeight / 4 ? height : height - 4,
     width: layout.widthPx - 3,
     borderWidth: 1,
-    borderColor: "rgba(0,0,0,0.12)"
+    borderColor: "rgba(0,0,0,0.12)",
+    opacity: tapThrough ? 0.5 : 1,
+    // Let touches fall through to the grid blocks beneath when tap-through.
+    pointerEvents: tapThrough ? "none" : "auto"
   };
   const titleFace = useResolvedFont({ fontWeight: "600" });
   return /* @__PURE__ */ React19__namespace.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles4.event, dynamicStyle],
+      disabled: tapThrough,
       onPress: () => {
         onDisabledBlockPress && onDisabledBlockPress(disabledBlock);
       }
@@ -991,6 +996,7 @@ var DisabledBlocks = React19__namespace.default.memo(({
   APPOINTMENT_BLOCK_WIDTH,
   hourHeight,
   onDisabledBlockPress,
+  tapThrough,
   date: dateProp
 }) => {
   const { useDisabledBlocksFor: useDisabledBlocksFor2, useGetDate: useGetDate2 } = useCalendarBinding();
@@ -1011,7 +1017,8 @@ var DisabledBlocks = React19__namespace.default.memo(({
           top: scalePosition(disabledBlock.from, hourHeight),
           height: scalePosition(disabledBlock.to - disabledBlock.from, hourHeight),
           layout: layoutMap.get(key),
-          onDisabledBlockPress
+          onDisabledBlockPress,
+          tapThrough
         }
       );
     }
@@ -1052,7 +1059,10 @@ var EventBlock = React19__namespace.default.memo(({
     zIndex: frame.zIndex,
     opacity: anyEventSelected || disabled ? 0.5 : 1,
     borderWidth: selected ? 2 : 1,
-    borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)"
+    borderColor: selected ? "#4d959c" : "rgba(0,0,0,0.12)",
+    // When disabled, let touches fall through to the grid blocks beneath
+    // (e.g. "select a time" mode) instead of swallowing them.
+    pointerEvents: disabled ? "none" : "auto"
   };
   const resolved = typeof styleOverrides === "function" ? styleOverrides(event) ?? {} : styleOverrides ?? {};
   const handlePress = React19.useCallback(() => onPress?.(event), [onPress, event]);
@@ -1814,7 +1824,8 @@ var CalendarInner = (props) => {
         date: dayDate,
         APPOINTMENT_BLOCK_WIDTH,
         hourHeight,
-        onDisabledBlockPress: stableOnDisabledBlockPress
+        onDisabledBlockPress: stableOnDisabledBlockPress,
+        tapThrough: props.disabledBlocksTapThrough
       }
     ), /* @__PURE__ */ React19__namespace.default.createElement(
       EventBlocks_default,
@@ -1845,7 +1856,8 @@ var CalendarInner = (props) => {
     internalStableOnLongPress,
     stableOnDisabledBlockPress,
     stableHandleBlockPress,
-    stableHandleBlockLongPress
+    stableHandleBlockLongPress,
+    props.disabledBlocksTapThrough
   ]);
   const listExtraData = React19.useMemo(
     () => ({
@@ -1855,7 +1867,8 @@ var CalendarInner = (props) => {
       stacked: overLappingLayoutMode === "stacked",
       isEventSelectedStable,
       isEventDisabledStable,
-      effectiveRenderer
+      effectiveRenderer,
+      disabledBlocksTapThrough: props.disabledBlocksTapThrough
     }),
     [
       numberOfColumns,
@@ -1864,7 +1877,8 @@ var CalendarInner = (props) => {
       overLappingLayoutMode,
       isEventSelectedStable,
       isEventDisabledStable,
-      effectiveRenderer
+      effectiveRenderer,
+      props.disabledBlocksTapThrough
     ]
   );
   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(