react-native-resource-calendar 1.0.15 → 1.0.17

package/README.md

@@ -102,7 +102,6 @@ export default function App() {
                 const {event, from, to, resourceId, date} = draft;
 
                 return prev.map((res: any) => {
-                    // ✅ if this is the new target resource
                     if (res.id === resourceId) {
                         // was the event originally in a different resource?
                         const wasDifferentResource = event.resourceId !== resourceId;
@@ -126,7 +125,6 @@ export default function App() {
                         };
                     }
 
-                    // ✅ if this is the old resource and event moved away
                     if (res.id === event.resourceId && event.resourceId !== resourceId) {
                         return {
                             ...res,
@@ -134,7 +132,6 @@ export default function App() {
                         };
                     }
 
-                    // ✅ untouched resources
                     return res;
                 });
             });
@@ -144,7 +141,7 @@ export default function App() {
 
     const eventStyleOverrides = (event: Event) => {
         const bg = statusColor(event.meta?.status)
-        return {container: {backgroundColor: bg}};
+        return {container: {backgroundColor: bg}, time: {color: "black"}};
     };
 
     const randomPropsGenerator = () => {

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React$1 from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
+import { TextStyle, ViewStyle } from 'react-native';
+import { StyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 type ResourceId = number;
 type Event = {
@@ -63,6 +64,7 @@ type EventSlots = {
     }>;
 };
 type StyleOverrides = Partial<{
+    time: StyleProp<TextStyle>;
     container: ViewStyle;
     content: ViewStyle;
     title: TextStyle;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React$1 from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
+import { TextStyle, ViewStyle } from 'react-native';
+import { StyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 type ResourceId = number;
 type Event = {
@@ -63,6 +64,7 @@ type EventSlots = {
     }>;
 };
 type StyleOverrides = Partial<{
+    time: StyleProp<TextStyle>;
     container: ViewStyle;
     content: ViewStyle;
     title: TextStyle;

package/dist/index.js

@@ -381,18 +381,22 @@ var TimeLabels = React19__namespace.forwardRef(({
     const intervalId = setInterval(update, 300);
     return () => clearInterval(intervalId);
   }, [timezone]);
+  const lastScrolledDateRef = React19.useRef(null);
   React19.useEffect(() => {
+    if (!layout) return;
+    const dateKey = date.getTime();
+    if (lastScrolledDateRef.current === dateKey) return;
     reactNative.InteractionManager.runAfterInteractions(() => {
       let pos = isToday ? currentTimeYPosition - 240 : timeToYPosition(startMinutes, hourHeight);
       if (ref.current) {
         ref.current.scrollTo({
           y: Math.round(pos / APPOINTMENT_BLOCK_HEIGHT) * APPOINTMENT_BLOCK_HEIGHT,
-          // Offset by 240px to give a little margin above the red line
           animated: true
         });
+        lastScrolledDateRef.current = dateKey;
       }
     });
-  }, [date, isToday, APPOINTMENT_BLOCK_HEIGHT, startMinutes, hourHeight]);
+  }, [layout, date, isToday, APPOINTMENT_BLOCK_HEIGHT, startMinutes, hourHeight, currentTimeYPosition]);
   return /* @__PURE__ */ React19__namespace.createElement(React19__namespace.Fragment, null, /* @__PURE__ */ React19__namespace.createElement(Col_default, null, Array.from({ length: 24 }).map((_, index) => /* @__PURE__ */ React19__namespace.createElement(reactNative.View, { key: index, style: [styles.timeLabel, { height: hourHeight }] }, /* @__PURE__ */ React19__namespace.createElement(
     reactNative.Text,
     {
@@ -1051,14 +1055,14 @@ var EventBlock = React19__namespace.default.memo(({
         editable: false,
         allowFontScaling: false,
         underlineColorAndroid: "transparent",
-        style: {
+        style: [{
           width: "100%",
           fontFamily: timeFace,
           fontSize: getTextSize(hourHeight),
           pointerEvents: "none",
           padding: 0,
           margin: 0
-        },
+        }, resolved?.time],
         defaultValue: `${start} - ${end}`
       }
     ), Body ? /* @__PURE__ */ React19__namespace.default.createElement(Body, { event, ctx: { hourHeight } }) : /* @__PURE__ */ React19__namespace.default.createElement(React19__namespace.default.Fragment, null, /* @__PURE__ */ React19__namespace.default.createElement(Row_default, { style: { alignItems: "center", height: 18 } }, /* @__PURE__ */ React19__namespace.default.createElement(
@@ -1170,14 +1174,14 @@ var DraggableEvent = ({
       editable: false,
       allowFontScaling: false,
       underlineColorAndroid: "transparent",
-      style: {
+      style: [{
         width: "100%",
         fontFamily: timeFace,
         fontSize: getTextSize(hourHeight),
         pointerEvents: "none",
         padding: 0,
         margin: 0
-      },
+      }, resolved?.time],
       defaultValue: initialDisplayTime,
       animatedProps: animatedTimeProps
     }