react-native-calendar-resource 1.0.1 → 1.0.3

package/README.md

@@ -295,12 +295,6 @@ interface BookingData {
 
 MIT
 
-- The tab bar remains visible while navigating deeper into Explore-related screens
-- Navigation context is preserved
-- Platform-native gestures and transitions are maintained
-
-Headers are disabled at the stack level and selectively enabled per screen to match the Figma design and avoid default iOS -Liquid Glass- system back button styling.
-
 ---
 
 **Author:** Abdelrahman Sobhy

package/dist/components/calendar/CalendarHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../components/calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,kBAAyB,EACzB,UAA+B,EAC/B,OAAO,EACP,OAAO,EACP,cAAqB,GACtB,EAAE,mBAAmB,+BA4IrB"}
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../components/calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,kBAAyB,EACzB,UAA+B,EAC/B,OAAO,EACP,OAAO,EACP,cAAqB,GACtB,EAAE,mBAAmB,+BAoIrB"}

package/dist/components/calendar/CalendarHeader.js

@@ -1,4 +1,3 @@
-import { MaterialIcons } from "@expo/vector-icons";
 import { addDays, format, subDays } from "date-fns";
 import { Pressable, Text, View } from "react-native";
 export function CalendarHeader({ date, timeConfig, onDateChange, showDateNavigation = true, dateFormat = "EEE, MMM d, yyyy", minDate, maxDate, allowPastDates = true, }) {
@@ -90,7 +89,7 @@ export function CalendarHeader({ date, timeConfig, onDateChange, showDateNavigat
                 justifyContent: "center",
                 backgroundColor: "rgba(38, 38, 38, 0.75)",
             }}>
-              <MaterialIcons name="chevron-left" size={20} color={prevDisabled ? "#626262" : "#fefefe"}/>
+              <Text style={{ color: prevDisabled ? "#626262" : "#fefefe", fontSize: 24, fontWeight: "bold" }}>‹</Text>
             </Pressable>
             <Text style={{ color: "#fefefe", fontSize: 16, fontWeight: "600" }}>
               {format(date, dateFormat)}
@@ -103,7 +102,7 @@ export function CalendarHeader({ date, timeConfig, onDateChange, showDateNavigat
                 alignItems: "center",
                 justifyContent: "center",
             }}>
-              <MaterialIcons name="chevron-right" size={20} color={nextDisabled ? "#626262" : "#fefefe"}/>
+              <Text style={{ color: nextDisabled ? "#626262" : "#fefefe", fontSize: 24, fontWeight: "bold" }}>›</Text>
             </Pressable>
           </>) : (<Text style={{ color: '#fefefe', fontSize: 16, fontWeight: '600' }}>
             {format(date, dateFormat)}

package/dist/components/calendar/GridBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridBody.d.ts","sourceRoot":"","sources":["../../../components/calendar/GridBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,aAAa,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,IAAI;IACtE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,gBAAgB,EAAE,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrE,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,EAAE,EAC1E,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,YAAY,CAAC,+BAgGhD"}
+{"version":3,"file":"GridBody.d.ts","sourceRoot":"","sources":["../../../components/calendar/GridBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,KAAK,aAAa,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,IAAI;IACtE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,gBAAgB,EAAE,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrE,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,MAAM,GAAG,GAAG,EAAE,SAAS,GAAG,GAAG,EAAE,YAAY,GAAG,GAAG,EAAE,EAC1E,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,YAAY,CAAC,+BAgGhD"}

package/dist/components/calendar/GridBody.js

@@ -1,6 +1,5 @@
-import { MaterialIcons } from "@expo/vector-icons";
 import { useMemo } from "react";
-import { Pressable, View } from "react-native";
+import { Pressable, Text, View } from "react-native";
 export function GridBody({ resources, events, unavailableSlots, onSlotPress, date, timeConfig, dimensions, styles, }) {
     const hoursArray = useMemo(() => {
         const result = [];
@@ -62,7 +61,7 @@ export function GridBody({ resources, events, unavailableSlots, onSlotPress, dat
                         justifyContent: "center",
                         alignItems: "center",
                     }}>
-                <MaterialIcons name="add" size={14} color="#474747"/>
+                <Text style={{ color: "#474747", fontSize: 20, fontWeight: "300" }}>+</Text>
               </Pressable>);
             })}
         </View>))}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "react-native-calendar-resource",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A fully customizable, type-safe resource-based calendar component for React Native",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc",
+    "build": "tsc -p tsconfig.package.json",
     "prepublishOnly": "npm run build",
     "test": "echo \"No tests yet\" && exit 0"
   },
@@ -34,5 +34,9 @@
     "@types/react-native": "^0.73.0",
     "typescript": "^5.9.2"
   },
-  "files": ["dist", "README.md", "LICENSE"]
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
 }

package/dist/components/calendar/dateUtils.d.ts

@@ -1,37 +0,0 @@
-/**
- * Native date utility functions to replace date-fns
- * Zero external dependencies
- */
-/**
- * Add days to a date
- */
-export declare function addDays(date: Date, days: number): Date;
-/**
- * Subtract days from a date
- */
-export declare function subDays(date: Date, days: number): Date;
-/**
- * Format a date according to a format string
- * Supports common tokens:
- * - EEE: Short weekday name (Mon, Tue, etc.)
- * - EEEE: Full weekday name (Monday, Tuesday, etc.)
- * - MMM: Short month name (Jan, Feb, etc.)
- * - MMMM: Full month name (January, February, etc.)
- * - MM: Month as 2 digits (01-12)
- * - M: Month as 1-2 digits (1-12)
- * - dd: Day as 2 digits (01-31)
- * - d: Day as 1-2 digits (1-31)
- * - yyyy: Full year (2026)
- * - yy: 2-digit year (26)
- * - HH: Hour in 24h format with leading zero (00-23)
- * - H: Hour in 24h format (0-23)
- * - hh: Hour in 12h format with leading zero (01-12)
- * - h: Hour in 12h format (1-12)
- * - mm: Minutes with leading zero (00-59)
- * - m: Minutes (0-59)
- * - ss: Seconds with leading zero (00-59)
- * - s: Seconds (0-59)
- * - a: AM/PM
- */
-export declare function formatDate(date: Date, formatString: string): string;
-//# sourceMappingURL=dateUtils.d.ts.map

package/dist/components/calendar/dateUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../components/calendar/dateUtils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAItD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAItD;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CA+FnE"}

package/dist/components/calendar/dateUtils.js

@@ -1,128 +0,0 @@
-/**
- * Native date utility functions to replace date-fns
- * Zero external dependencies
- */
-/**
- * Add days to a date
- */
-export function addDays(date, days) {
-    const result = new Date(date);
-    result.setDate(result.getDate() + days);
-    return result;
-}
-/**
- * Subtract days from a date
- */
-export function subDays(date, days) {
-    const result = new Date(date);
-    result.setDate(result.getDate() - days);
-    return result;
-}
-/**
- * Format a date according to a format string
- * Supports common tokens:
- * - EEE: Short weekday name (Mon, Tue, etc.)
- * - EEEE: Full weekday name (Monday, Tuesday, etc.)
- * - MMM: Short month name (Jan, Feb, etc.)
- * - MMMM: Full month name (January, February, etc.)
- * - MM: Month as 2 digits (01-12)
- * - M: Month as 1-2 digits (1-12)
- * - dd: Day as 2 digits (01-31)
- * - d: Day as 1-2 digits (1-31)
- * - yyyy: Full year (2026)
- * - yy: 2-digit year (26)
- * - HH: Hour in 24h format with leading zero (00-23)
- * - H: Hour in 24h format (0-23)
- * - hh: Hour in 12h format with leading zero (01-12)
- * - h: Hour in 12h format (1-12)
- * - mm: Minutes with leading zero (00-59)
- * - m: Minutes (0-59)
- * - ss: Seconds with leading zero (00-59)
- * - s: Seconds (0-59)
- * - a: AM/PM
- */
-export function formatDate(date, formatString) {
-    const weekdaysShort = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-    const weekdaysFull = [
-        "Sunday",
-        "Monday",
-        "Tuesday",
-        "Wednesday",
-        "Thursday",
-        "Friday",
-        "Saturday",
-    ];
-    const monthsShort = [
-        "Jan",
-        "Feb",
-        "Mar",
-        "Apr",
-        "May",
-        "Jun",
-        "Jul",
-        "Aug",
-        "Sep",
-        "Oct",
-        "Nov",
-        "Dec",
-    ];
-    const monthsFull = [
-        "January",
-        "February",
-        "March",
-        "April",
-        "May",
-        "June",
-        "July",
-        "August",
-        "September",
-        "October",
-        "November",
-        "December",
-    ];
-    const day = date.getDate();
-    const month = date.getMonth();
-    const year = date.getFullYear();
-    const weekday = date.getDay();
-    const hours = date.getHours();
-    const minutes = date.getMinutes();
-    const seconds = date.getSeconds();
-    const pad = (num, size = 2) => {
-        return num.toString().padStart(size, "0");
-    };
-    const tokens = {
-        EEEE: weekdaysFull[weekday],
-        EEE: weekdaysShort[weekday],
-        MMMM: monthsFull[month],
-        MMM: monthsShort[month],
-        MM: pad(month + 1),
-        M: (month + 1).toString(),
-        dd: pad(day),
-        d: day.toString(),
-        yyyy: year.toString(),
-        yy: year.toString().slice(-2),
-        HH: pad(hours),
-        H: hours.toString(),
-        hh: pad(hours % 12 || 12),
-        h: (hours % 12 || 12).toString(),
-        mm: pad(minutes),
-        m: minutes.toString(),
-        ss: pad(seconds),
-        s: seconds.toString(),
-        a: hours >= 12 ? "PM" : "AM",
-    };
-    let result = formatString;
-    // Sort by length descending to replace longer tokens first (e.g., MMMM before MMM)
-    const sortedTokens = Object.keys(tokens).sort((a, b) => b.length - a.length);
-    for (const token of sortedTokens) {
-        // Use a unique placeholder to avoid re-replacement issues
-        const placeholder = `\x00${token}\x00`;
-        result = result.replace(new RegExp(token, "g"), placeholder);
-    }
-    // Replace placeholders with actual values
-    for (const token of sortedTokens) {
-        const placeholder = `\x00${token}\x00`;
-        result = result.replace(new RegExp(placeholder.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), tokens[token]);
-    }
-    return result;
-}