react-native-ll-calendar 0.2.0 → 0.4.0

package/README.md

@@ -39,11 +39,21 @@ const events: CalendarEvent[] = [
     backgroundColor: '#4ecdc4',
     borderColor: '#45b7aa',
     color: '#0e0e0e',
+    borderStyle: 'dashed',
+    borderWidth: 2,
+    borderRadius: 8,
   },
 ];
 
 function App() {
   const [date, setDate] = useState(new Date());
+  const [refreshing, setRefreshing] = useState(false);
+
+  const handleRefresh = () => {
+    setRefreshing(true);
+    // Fetch new events or data
+    setTimeout(() => setRefreshing(false), 1000);
+  };
 
   return (
     <MonthCalendar
@@ -52,7 +62,17 @@ function App() {
       onChangeDate={(newDate) => setDate(newDate)}
       events={events}
       onPressEvent={(event) => console.log('Event pressed:', event.title)}
+      onLongPressEvent={(event) => console.log('Event long pressed:', event.title)}
+      delayLongPressEvent={500}
       onPressCell={(date) => console.log('Cell pressed:', date)}
+      onLongPressCell={(date) => console.log('Cell long pressed:', date)}
+      delayLongPressCell={500}
+      onRefresh={handleRefresh}
+      refreshing={refreshing}
+      todayCellTextStyle={{ fontWeight: 'bold', color: '#007AFF' }}
+      dayCellTextStyle={(date) => ({
+        color: date.getDay() === 0 ? '#FF3B30' : '#000000',
+      })}
     />
   );
 }
@@ -62,34 +82,57 @@ function App() {
 
 ### MonthCalendar Props
 
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `defaultDate` | `Date` | Yes | - | Initial date to display |
-| `weekStartsOn` | `0 \| 1` | No | `0` | Week start day (0 = Sunday, 1 = Monday) |
-| `onChangeDate` | `(date: Date) => void` | No | - | Callback when month changes |
-| `events` | `CalendarEvent[]` | Yes | - | Array of calendar events |
-| `onPressEvent` | `(event: CalendarEvent) => void` | No | - | Callback when event is pressed |
-| `onPressCell` | `(date: Date) => void` | No | - | Callback when date cell is pressed |
+| Prop                        | Type                                    | Required | Default | Description                                |
+| --------------------------- | --------------------------------------- | -------- | ------- | ------------------------------------------ |
+| `defaultDate`               | `Date`                                  | Yes      | -       | Initial date to display                    |
+| `weekStartsOn`              | `0 \| 1`                                | No       | `0`     | Week start day (0 = Sunday, 1 = Monday)    |
+| `onChangeDate`              | `(date: Date) => void`                  | No       | -       | Callback when month changes                |
+| `events`                    | `CalendarEvent[]`                       | Yes      | -       | Array of calendar events                   |
+| `onPressEvent`              | `(event: CalendarEvent) => void`        | No       | -       | Callback when event is pressed             |
+| `onLongPressEvent`          | `(event: CalendarEvent) => void`        | No       | -       | Callback when event is long pressed        |
+| `delayLongPressEvent`       | `number`                                | No       | -       | Delay in ms before long press is triggered |
+| `onPressCell`               | `(date: Date) => void`                  | No       | -       | Callback when date cell is pressed         |
+| `onLongPressCell`           | `(date: Date) => void`                  | No       | -       | Callback when date cell is long pressed    |
+| `delayLongPressCell`        | `number`                                | No       | -       | Delay in ms before long press is triggered |
+| `onRefresh`                 | `() => void`                            | No       | -       | Callback for pull-to-refresh               |
+| `refreshing`                | `boolean`                               | No       | -       | Whether the calendar is refreshing         |
+| `dayCellContainerStyle`     | `(date: Date) => ViewStyle`             | No       | -       | Style function for day cell container      |
+| `dayCellTextStyle`          | `(date: Date) => TextStyle`             | No       | -       | Style function for day cell text           |
+| `todayCellTextStyle`        | `TextStyle`                             | No       | -       | Style for today's cell text                |
+| `locale`                    | `ILocale`                               | No       | -       | Locale configuration for date formatting   |
+| `weekdayCellContainerStyle` | `(weekDayNum: WeekdayNum) => ViewStyle` | No       | -       | Style function for weekday cell container  |
+| `weekdayCellTextStyle`      | `(weekDayNum: WeekdayNum) => TextStyle` | No       | -       | Style function for weekday cell text       |
+| `hiddenMonth`               | `boolean`                               | No       | `false` | Hide month header display                  |
+| `monthFormat`               | `string`                                | No       | -       | Custom format string for month display     |
 
 ### CalendarEvent
 
-| Property | Type | Required | Description |
-|----------|------|----------|-------------|
-| `id` | `string` | Yes | Unique identifier |
-| `title` | `string` | Yes | Event title |
-| `start` | `Date` | Yes | Start date |
-| `end` | `Date` | Yes | End date |
-| `backgroundColor` | `string` | Yes | Background color |
-| `borderColor` | `string` | Yes | Border color |
-| `color` | `string` | Yes | Text color |
+| Property          | Type                                    | Required | Description                    |
+| ----------------- | --------------------------------------- | -------- | ------------------------------ |
+| `id`              | `string`                                | Yes      | Unique identifier              |
+| `title`           | `string`                                | Yes      | Event title                    |
+| `start`           | `Date`                                  | Yes      | Start date                     |
+| `end`             | `Date`                                  | Yes      | End date                       |
+| `backgroundColor` | `string`                                | Yes      | Background color               |
+| `borderColor`     | `string`                                | Yes      | Border color                   |
+| `color`           | `string`                                | Yes      | Text color                     |
+| `borderStyle`     | `'solid' \| 'dashed' \| 'dotted'`       | No       | Border style                   |
+| `borderWidth`     | `number`                                | No       | Border width                   |
+| `borderRadius`    | `number`                                | No       | Border radius                  |
 
 ## Features
 
 - Horizontally scrollable month view
 - Multi-day event support
-- Customizable event colors
-- Event and date cell press handlers
+- Customizable event colors and border styles
+- Event press handlers (tap and long press)
+- Date cell press handlers (tap and long press)
 - Configurable week start day (Sunday or Monday)
+- Customizable styling for day cells, weekday cells, and today's cell
+- Pull-to-refresh support
+- Locale support for internationalization
+- Optional month header visibility control
+- Custom month format display
 - Spans 10 years before and after the default date
 
 ## License

package/lib/module/calendar/month-calendar/MonthCalendar.js

@@ -8,18 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const HALF_PANEL_LENGTH = 120; // 10 years
 
 export const MonthCalendar = props => {
-  const {
-    defaultDate,
-    weekStartsOn = 0,
-    onChangeDate,
-    events,
-    onPressEvent,
-    onPressCell,
-    onRefresh,
-    refreshing,
-    dayCellStyle
-  } = props;
-  const [dateState] = useState(defaultDate);
+  const [dateState] = useState(props.defaultDate);
   const [_activeIndex, setActiveIndex] = useState(HALF_PANEL_LENGTH);
   const defaultDateDjs = dayjs(dateState);
   const startOfDefaultDateDjs = defaultDateDjs.startOf('month');
@@ -53,7 +42,7 @@ export const MonthCalendar = props => {
       const month = panels[newIndex];
       if (month) {
         const newDate = new Date(month);
-        onChangeDate?.(newDate);
+        props.onChangeDate?.(newDate);
       }
       setActiveIndex(newIndex);
     },
@@ -66,14 +55,25 @@ export const MonthCalendar = props => {
     }) => {
       return /*#__PURE__*/_jsx(MonthCalendarViewItem, {
         month: item,
-        weekStartsOn: weekStartsOn,
-        events: events,
-        onPressEvent: onPressEvent,
-        onPressCell: onPressCell,
+        weekStartsOn: props.weekStartsOn ?? 0,
+        events: props.events,
+        onPressEvent: props.onPressEvent,
+        onLongPressEvent: props.onLongPressEvent,
+        delayLongPressEvent: props.delayLongPressEvent,
+        onPressCell: props.onPressCell,
+        onLongPressCell: props.onLongPressCell,
+        delayLongPressCell: props.delayLongPressCell,
         flatListIndex: index,
-        onRefresh: onRefresh,
-        refreshing: refreshing,
-        dayCellStyle: dayCellStyle
+        onRefresh: props.onRefresh,
+        refreshing: props.refreshing,
+        dayCellContainerStyle: props.dayCellContainerStyle,
+        dayCellTextStyle: props.dayCellTextStyle,
+        locale: props.locale,
+        weekdayCellContainerStyle: props.weekdayCellContainerStyle,
+        weekdayCellTextStyle: props.weekdayCellTextStyle,
+        todayCellTextStyle: props.todayCellTextStyle,
+        hiddenMonth: props.hiddenMonth,
+        monthFormat: props.monthFormat
       });
     },
     showsHorizontalScrollIndicator: false,

package/lib/module/calendar/month-calendar/MonthCalendar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useWindowDimensions","FlatList","dayjs","useState","MonthCalendarViewItem","jsx","_jsx","HALF_PANEL_LENGTH","MonthCalendar","props","defaultDate","weekStartsOn","onChangeDate","events","onPressEvent","onPressCell","onRefresh","refreshing","dayCellStyle","dateState","_activeIndex","setActiveIndex","defaultDateDjs","startOfDefaultDateDjs","startOf","prevPanels","Array","from","length","_","i","subtract","format","nextPanels","add","panels","width","horizontal","pagingEnabled","getItemLayout","_data","index","offset","onMomentumScrollEnd","e","scrollX","nativeEvent","contentOffset","x","newIndex","Math","round","month","newDate","Date","initialScrollIndex","decelerationRate","data","renderItem","item","flatListIndex","showsHorizontalScrollIndicator","scrollEnabled","windowSize","initialNumToRender","maxToRenderPerBatch","removeClippedSubviews"],"sourceRoot":"../../../../src","sources":["calendar/month-calendar/MonthCalendar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useWindowDimensions","FlatList","dayjs","useState","MonthCalendarViewItem","jsx","_jsx","HALF_PANEL_LENGTH","MonthCalendar","props","dateState","defaultDate","_activeIndex","setActiveIndex","defaultDateDjs","startOfDefaultDateDjs","startOf","prevPanels","Array","from","length","_","i","subtract","format","nextPanels","add","panels","width","horizontal","pagingEnabled","getItemLayout","_data","index","offset","onMomentumScrollEnd","e","scrollX","nativeEvent","contentOffset","x","newIndex","Math","round","month","newDate","Date","onChangeDate","initialScrollIndex","decelerationRate","data","renderItem","item","weekStartsOn","events","onPressEvent","onLongPressEvent","delayLongPressEvent","onPressCell","onLongPressCell","delayLongPressCell","flatListIndex","onRefresh","refreshing","dayCellContainerStyle","dayCellTextStyle","locale","weekdayCellContainerStyle","weekdayCellTextStyle","todayCellTextStyle","hiddenMonth","monthFormat","showsHorizontalScrollIndicator","scrollEnabled","windowSize","initialNumToRender","maxToRenderPerBatch","removeClippedSubviews"],"sourceRoot":"../../../../src","sources":["calendar/month-calendar/MonthCalendar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/calendar/month-calendar/logic/useEvents.js

@@ -3,17 +3,13 @@
 import { useMemo } from 'react';
 import { getWeekIds } from "../../../utils/functions.js";
 export const useEvents = props => {
-  const {
-    events,
-    weekStartsOn
-  } = props;
   const eventsGroupByWeekId = useMemo(() => {
     const groupedEvents = {};
-    events.forEach(event => {
+    props.events.forEach(event => {
       const weekIds = getWeekIds({
         start: event.start,
         end: event.end,
-        weekStartsOn
+        weekStartsOn: props.weekStartsOn
       });
       weekIds.forEach(weekId => {
         if (!groupedEvents[weekId]) {
@@ -23,7 +19,7 @@ export const useEvents = props => {
       });
     });
     return groupedEvents;
-  }, [events, weekStartsOn]);
+  }, [props.events, props.weekStartsOn]);
   return {
     eventsGroupByWeekId
   };

package/lib/module/calendar/month-calendar/logic/useEvents.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","getWeekIds","useEvents","props","events","weekStartsOn","eventsGroupByWeekId","groupedEvents","forEach","event","weekIds","start","end","weekId","push"],"sourceRoot":"../../../../../src","sources":["calendar/month-calendar/logic/useEvents.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAK/B,SAASC,UAAU,QAAQ,6BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAIC,KAGzB,IAAK;EACJ,MAAM;IAAEC,MAAM;IAAEC;EAAa,CAAC,GAAGF,KAAK;EAEtC,MAAMG,mBAAoD,GAAGN,OAAO,CAAC,MAAM;IACzE,MAAMO,aAA8C,GAAG,CAAC,CAAC;IAEzDH,MAAM,CAACI,OAAO,CAAEC,KAAK,IAAK;MACxB,MAAMC,OAAiB,GAAGT,UAAU,CAAC;QACnCU,KAAK,EAAEF,KAAK,CAACE,KAAK;QAClBC,GAAG,EAAEH,KAAK,CAACG,GAAG;QACdP;MACF,CAAC,CAAC;MACFK,OAAO,CAACF,OAAO,CAAEK,MAAM,IAAK;QAC1B,IAAI,CAACN,aAAa,CAACM,MAAM,CAAC,EAAE;UAC1BN,aAAa,CAACM,MAAM,CAAC,GAAG,EAAE;QAC5B;QACAN,aAAa,CAACM,MAAM,CAAC,CAACC,IAAI,CAACL,KAAK,CAAC;MACnC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAOF,aAAa;EACtB,CAAC,EAAE,CAACH,MAAM,EAAEC,YAAY,CAAC,CAAC;EAE1B,OAAO;IAAEC;EAAoB,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","getWeekIds","useEvents","props","eventsGroupByWeekId","groupedEvents","events","forEach","event","weekIds","start","end","weekStartsOn","weekId","push"],"sourceRoot":"../../../../../src","sources":["calendar/month-calendar/logic/useEvents.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAK/B,SAASC,UAAU,QAAQ,6BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAIC,KAGzB,IAAK;EACJ,MAAMC,mBAAoD,GAAGJ,OAAO,CAAC,MAAM;IACzE,MAAMK,aAA8C,GAAG,CAAC,CAAC;IAEzDF,KAAK,CAACG,MAAM,CAACC,OAAO,CAAEC,KAAK,IAAK;MAC9B,MAAMC,OAAiB,GAAGR,UAAU,CAAC;QACnCS,KAAK,EAAEF,KAAK,CAACE,KAAK;QAClBC,GAAG,EAAEH,KAAK,CAACG,GAAG;QACdC,YAAY,EAAET,KAAK,CAACS;MACtB,CAAC,CAAC;MACFH,OAAO,CAACF,OAAO,CAAEM,MAAM,IAAK;QAC1B,IAAI,CAACR,aAAa,CAACQ,MAAM,CAAC,EAAE;UAC1BR,aAAa,CAACQ,MAAM,CAAC,GAAG,EAAE;QAC5B;QACAR,aAAa,CAACQ,MAAM,CAAC,CAACC,IAAI,CAACN,KAAK,CAAC;MACnC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAOH,aAAa;EACtB,CAAC,EAAE,CAACF,KAAK,CAACG,MAAM,EAAEH,KAAK,CAACS,YAAY,CAAC,CAAC;EAEtC,OAAO;IAAER;EAAoB,CAAC;AAChC,CAAC","ignoreList":[]}

package/lib/module/calendar/month-calendar/view/MonthCalendarViewItem.js

@@ -8,32 +8,23 @@ import { monthlyEndDate, monthlyStartDate } from "../../../utils/functions.js";
 import { useEvents } from "../logic/useEvents.js";
 import { CELL_BORDER_WIDTH } from "../../../constants/size.js";
 import { RefreshControl } from 'react-native';
+import { useCallback, useMemo, useState } from 'react';
+import { MonthCalendarWeekDayRow } from "./MonthCalendarWeekDayRow.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MonthCalendarViewItem = props => {
-  const {
-    month,
-    weekStartsOn,
-    events,
-    onPressEvent,
-    onPressCell,
-    flatListIndex,
-    onRefresh,
-    refreshing,
-    dayCellStyle
-  } = props;
   const {
     width
   } = useWindowDimensions();
   const eventPosition = new MonthCalendarEventPosition();
-  const date = new Date(month);
+  const date = new Date(props.month);
   const dateDjs = dayjs(date);
   const startDate = monthlyStartDate({
     date,
-    weekStartsOn
+    weekStartsOn: props.weekStartsOn
   });
   const endDate = monthlyEndDate({
     date,
-    weekStartsOn
+    weekStartsOn: props.weekStartsOn
   });
   const endDjs = dayjs(endDate);
   const weeks = [];
@@ -50,28 +41,50 @@ export const MonthCalendarViewItem = props => {
   const {
     eventsGroupByWeekId
   } = useEvents({
-    events,
-    weekStartsOn
+    events: props.events,
+    weekStartsOn: props.weekStartsOn
   });
+  const [bodyHeight, setBodyHeight] = useState(0);
+  const onLayoutBody = useCallback(e => {
+    setBodyHeight(e.nativeEvent.layout.height);
+  }, []);
+  const [monthRowHeight, setMonthRowHeight] = useState(0);
+  const onLayoutMonthRow = useCallback(e => {
+    setMonthRowHeight(e.nativeEvent.layout.height);
+  }, []);
+  const [weekdayRowHeight, setWeekdayRowHeight] = useState(0);
+  const onLayoutWeekdayRow = useCallback(e => {
+    setWeekdayRowHeight(e.nativeEvent.layout.height);
+  }, []);
+  const weekRowMinHeight = useMemo(() => {
+    return (bodyHeight - monthRowHeight - weekdayRowHeight) / weeks.length;
+  }, [bodyHeight, monthRowHeight, weekdayRowHeight, weeks.length]);
   return /*#__PURE__*/_jsxs(ScrollView, {
     style: [styles.container, {
       width,
-      zIndex: flatListIndex
+      zIndex: props.flatListIndex
     }],
     refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
-      refreshing: !!refreshing,
-      onRefresh: onRefresh
+      refreshing: !!props.refreshing,
+      onRefresh: props.onRefresh
     }),
-    children: [/*#__PURE__*/_jsx(View, {
+    onLayout: onLayoutBody,
+    children: [props.hiddenMonth ? /*#__PURE__*/_jsx(View, {
+      style: styles.blankMonthContainer
+    }) : /*#__PURE__*/_jsx(View, {
       style: styles.monthContainer,
+      onLayout: onLayoutMonthRow,
       children: /*#__PURE__*/_jsx(Text, {
         style: styles.monthText,
-        children: dateDjs.format('YYYY/MM')
+        children: dateDjs.format(props.monthFormat ?? 'YYYY/MM')
       })
     }), /*#__PURE__*/_jsx(View, {
-      children: /*#__PURE__*/_jsx(MonthCalendarWeekRow, {
+      onLayout: onLayoutWeekdayRow,
+      children: /*#__PURE__*/_jsx(MonthCalendarWeekDayRow, {
         dates: weeks[0] ?? [],
-        isWeekdayHeader: true
+        locale: props.locale,
+        weekdayCellContainerStyle: props.weekdayCellContainerStyle,
+        weekdayCellTextStyle: props.weekdayCellTextStyle
       })
     }), /*#__PURE__*/_jsx(View, {
       children: weeks.map((week, index) => {
@@ -85,9 +98,16 @@ export const MonthCalendarViewItem = props => {
           dates: week,
           events: weekEvents,
           eventPosition: eventPosition,
-          onPressEvent: onPressEvent,
-          onPressCell: onPressCell,
-          dayCellStyle: dayCellStyle
+          onPressEvent: props.onPressEvent,
+          onLongPressEvent: props.onLongPressEvent,
+          delayLongPressEvent: props.delayLongPressEvent,
+          onPressCell: props.onPressCell,
+          onLongPressCell: props.onLongPressCell,
+          delayLongPressCell: props.delayLongPressCell,
+          dayCellContainerStyle: props.dayCellContainerStyle,
+          dayCellTextStyle: props.dayCellTextStyle,
+          weekRowMinHeight: weekRowMinHeight,
+          todayCellTextStyle: props.todayCellTextStyle
         }, `row-${index}`);
       })
     })]
@@ -99,6 +119,10 @@ const styles = StyleSheet.create({
     borderColor: 'lightslategrey',
     alignSelf: 'flex-start'
   },
+  blankMonthContainer: {
+    borderWidth: CELL_BORDER_WIDTH,
+    borderColor: 'lightslategrey'
+  },
   monthContainer: {
     padding: 2,
     borderWidth: CELL_BORDER_WIDTH,

package/lib/module/calendar/month-calendar/view/MonthCalendarViewItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["dayjs","ScrollView","StyleSheet","Text","View","useWindowDimensions","MonthCalendarWeekRow","MonthCalendarEventPosition","monthlyEndDate","monthlyStartDate","useEvents","CELL_BORDER_WIDTH","RefreshControl","jsx","_jsx","jsxs","_jsxs","MonthCalendarViewItem","props","month","weekStartsOn","events","onPressEvent","onPressCell","flatListIndex","onRefresh","refreshing","dayCellStyle","width","eventPosition","date","Date","dateDjs","startDate","endDate","endDjs","weeks","currentDate","isBefore","week","Array","from","length","_","i","add","push","eventsGroupByWeekId","style","styles","container","zIndex","refreshControl","children","monthContainer","monthText","format","dates","isWeekdayHeader","map","index","firstDayOfWeek","undefined","weekId","weekEvents","create","height","borderColor","alignSelf","padding","borderWidth","backgroundColor","textAlign"],"sourceRoot":"../../../../../src","sources":["calendar/month-calendar/view/MonthCalendarViewItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["dayjs","ScrollView","StyleSheet","Text","View","useWindowDimensions","MonthCalendarWeekRow","MonthCalendarEventPosition","monthlyEndDate","monthlyStartDate","useEvents","CELL_BORDER_WIDTH","RefreshControl","useCallback","useMemo","useState","MonthCalendarWeekDayRow","jsx","_jsx","jsxs","_jsxs","MonthCalendarViewItem","props","width","eventPosition","date","Date","month","dateDjs","startDate","weekStartsOn","endDate","endDjs","weeks","currentDate","isBefore","week","Array","from","length","_","i","add","push","eventsGroupByWeekId","events","bodyHeight","setBodyHeight","onLayoutBody","e","nativeEvent","layout","height","monthRowHeight","setMonthRowHeight","onLayoutMonthRow","weekdayRowHeight","setWeekdayRowHeight","onLayoutWeekdayRow","weekRowMinHeight","style","styles","container","zIndex","flatListIndex","refreshControl","refreshing","onRefresh","onLayout","children","hiddenMonth","blankMonthContainer","monthContainer","monthText","format","monthFormat","dates","locale","weekdayCellContainerStyle","weekdayCellTextStyle","map","index","firstDayOfWeek","undefined","weekId","weekEvents","onPressEvent","onLongPressEvent","delayLongPressEvent","onPressCell","onLongPressCell","delayLongPressCell","dayCellContainerStyle","dayCellTextStyle","todayCellTextStyle","create","borderColor","alignSelf","borderWidth","padding","backgroundColor","textAlign"],"sourceRoot":"../../../../../src","sources":["calendar/month-calendar/view/MonthCalendarViewItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,IAAI,EACJC,mBAAmB,QAId,cAAc;AACrB,SAASC,oBAAoB,QAAQ,2BAAwB;AAM7D,OAAOC,0BAA0B,MAAM,iDAA8C;AACrF,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,6BAA0B;AAC3E,SAASC,SAAS,QAAQ,uBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,4BAAyB;AAC3D,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,uBAAuB,QAAQ,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,OAAO,MAAMC,qBAAqB,GAAIC,KAqBrC,IAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGlB,mBAAmB,CAAC,CAAC;EACvC,MAAMmB,aAAa,GAAG,IAAIjB,0BAA0B,CAAC,CAAC;EACtD,MAAMkB,IAAI,GAAG,IAAIC,IAAI,CAACJ,KAAK,CAACK,KAAK,CAAC;EAClC,MAAMC,OAAO,GAAG5B,KAAK,CAACyB,IAAI,CAAC;EAC3B,MAAMI,SAAS,GAAGpB,gBAAgB,CAAC;IACjCgB,IAAI;IACJK,YAAY,EAAER,KAAK,CAACQ;EACtB,CAAC,CAAC;EACF,MAAMC,OAAO,GAAGvB,cAAc,CAAC;IAAEiB,IAAI;IAAEK,YAAY,EAAER,KAAK,CAACQ;EAAa,CAAC,CAAC;EAC1E,MAAME,MAAM,GAAGhC,KAAK,CAAC+B,OAAO,CAAC;EAC7B,MAAME,KAAsB,GAAG,EAAE;EACjC,IAAIC,WAAW,GAAGlC,KAAK,CAAC6B,SAAS,CAAC;EAClC,OAAOK,WAAW,CAACC,QAAQ,CAACH,MAAM,CAAC,EAAE;IACnC,MAAMI,IAAI,GAAGC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,KAAK;MAC/C,OAAOP,WAAW,CAACQ,GAAG,CAACD,CAAC,EAAE,KAAK,CAAC;IAClC,CAAC,CAAC;IACFR,KAAK,CAACU,IAAI,CAACP,IAAI,CAAC;IAChBF,WAAW,GAAGA,WAAW,CAACQ,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;EACzC;EAEA,MAAM;IAAEE;EAAoB,CAAC,GAAGlC,SAAS,CAAC;IACxCmC,MAAM,EAAEvB,KAAK,CAACuB,MAAM;IACpBf,YAAY,EAAER,KAAK,CAACQ;EACtB,CAAC,CAAC;EAEF,MAAM,CAACgB,UAAU,EAAEC,aAAa,CAAC,GAAGhC,QAAQ,CAAC,CAAC,CAAC;EAC/C,MAAMiC,YAAY,GAAGnC,WAAW,CAAEoC,CAAoB,IAAK;IACzDF,aAAa,CAACE,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGvC,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAMwC,gBAAgB,GAAG1C,WAAW,CAAEoC,CAAoB,IAAK;IAC7DK,iBAAiB,CAACL,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,CAAC;EAChD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG1C,QAAQ,CAAC,CAAC,CAAC;EAC3D,MAAM2C,kBAAkB,GAAG7C,WAAW,CAAEoC,CAAoB,IAAK;IAC/DQ,mBAAmB,CAACR,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,gBAAgB,GAAG7C,OAAO,CAAC,MAAM;IACrC,OAAO,CAACgC,UAAU,GAAGO,cAAc,GAAGG,gBAAgB,IAAIvB,KAAK,CAACM,MAAM;EACxE,CAAC,EAAE,CAACO,UAAU,EAAEO,cAAc,EAAEG,gBAAgB,EAAEvB,KAAK,CAACM,MAAM,CAAC,CAAC;EAEhE,oBACEnB,KAAA,CAACnB,UAAU;IACT2D,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEvC,KAAK;MAAEwC,MAAM,EAAEzC,KAAK,CAAC0C;IAAc,CAAC,CAAE;IAClEC,cAAc,eACZ/C,IAAA,CAACN,cAAc;MACbsD,UAAU,EAAE,CAAC,CAAC5C,KAAK,CAAC4C,UAAW;MAC/BC,SAAS,EAAE7C,KAAK,CAAC6C;IAAU,CAC5B,CACF;IACDC,QAAQ,EAAEpB,YAAa;IAAAqB,QAAA,GAEtB/C,KAAK,CAACgD,WAAW,gBAChBpD,IAAA,CAACd,IAAI;MAACwD,KAAK,EAAEC,MAAM,CAACU;IAAoB,CAAE,CAAC,gBAE3CrD,IAAA,CAACd,IAAI;MAACwD,KAAK,EAAEC,MAAM,CAACW,cAAe;MAACJ,QAAQ,EAAEb,gBAAiB;MAAAc,QAAA,eAC7DnD,IAAA,CAACf,IAAI;QAACyD,KAAK,EAAEC,MAAM,CAACY,SAAU;QAAAJ,QAAA,EAC3BzC,OAAO,CAAC8C,MAAM,CAACpD,KAAK,CAACqD,WAAW,IAAI,SAAS;MAAC,CAC3C;IAAC,CACH,CACP,eACDzD,IAAA,CAACd,IAAI;MAACgE,QAAQ,EAAEV,kBAAmB;MAAAW,QAAA,eACjCnD,IAAA,CAACF,uBAAuB;QACtB4D,KAAK,EAAE3C,KAAK,CAAC,CAAC,CAAC,IAAI,EAAG;QACtB4C,MAAM,EAAEvD,KAAK,CAACuD,MAAO;QACrBC,yBAAyB,EAAExD,KAAK,CAACwD,yBAA0B;QAC3DC,oBAAoB,EAAEzD,KAAK,CAACyD;MAAqB,CAClD;IAAC,CACE,CAAC,eACP7D,IAAA,CAACd,IAAI;MAAAiE,QAAA,EACFpC,KAAK,CAAC+C,GAAG,CAAC,CAAC5C,IAAI,EAAE6C,KAAK,KAAK;QAC1B,MAAMC,cAAc,GAAG9C,IAAI,CAAC,CAAC,CAAC;QAC9B,IAAI8C,cAAc,KAAKC,SAAS,EAAE;UAChC,OAAO,IAAI;QACb;QACA,MAAMC,MAAM,GAAGF,cAAc,CAACR,MAAM,CAAC,YAAY,CAAC;QAClD,MAAMW,UAAU,GAAGzC,mBAAmB,CAACwC,MAAM,CAAC,IAAI,EAAE;QACpD,oBACElE,IAAA,CAACZ,oBAAoB;UAEnBsE,KAAK,EAAExC,IAAK;UACZS,MAAM,EAAEwC,UAAW;UACnB7D,aAAa,EAAEA,aAAc;UAC7B8D,YAAY,EAAEhE,KAAK,CAACgE,YAAa;UACjCC,gBAAgB,EAAEjE,KAAK,CAACiE,gBAAiB;UACzCC,mBAAmB,EAAElE,KAAK,CAACkE,mBAAoB;UAC/CC,WAAW,EAAEnE,KAAK,CAACmE,WAAY;UAC/BC,eAAe,EAAEpE,KAAK,CAACoE,eAAgB;UACvCC,kBAAkB,EAAErE,KAAK,CAACqE,kBAAmB;UAC7CC,qBAAqB,EAAEtE,KAAK,CAACsE,qBAAsB;UACnDC,gBAAgB,EAAEvE,KAAK,CAACuE,gBAAiB;UACzClC,gBAAgB,EAAEA,gBAAiB;UACnCmC,kBAAkB,EAAExE,KAAK,CAACwE;QAAmB,GAbxC,OAAOb,KAAK,EAclB,CAAC;MAEN,CAAC;IAAC,CACE,CAAC;EAAA,CACG,CAAC;AAEjB,CAAC;AAED,MAAMpB,MAAM,GAAG3D,UAAU,CAAC6F,MAAM,CAAC;EAC/BjC,SAAS,EAAE;IACTV,MAAM,EAAE,MAAM;IACd4C,WAAW,EAAE,gBAAgB;IAC7BC,SAAS,EAAE;EACb,CAAC;EACD1B,mBAAmB,EAAE;IACnB2B,WAAW,EAAEvF,iBAAiB;IAC9BqF,WAAW,EAAE;EACf,CAAC;EACDxB,cAAc,EAAE;IACd2B,OAAO,EAAE,CAAC;IACVD,WAAW,EAAEvF,iBAAiB;IAC9BqF,WAAW,EAAE,gBAAgB;IAC7BI,eAAe,EAAE;EACnB,CAAC;EACD3B,SAAS,EAAE;IACT4B,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/calendar/month-calendar/view/MonthCalendarWeekDayRow.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import en from 'dayjs/locale/en';
+import { StyleSheet } from 'react-native';
+import { Text, View } from 'react-native';
+import { CELL_BORDER_WIDTH } from "../../../constants/size.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MonthCalendarWeekDayRow = props => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: props.dates.map((djs, dateIndex) => {
+      const text = djs.locale(props.locale ?? en).format('ddd');
+      return /*#__PURE__*/_jsxs(View, {
+        style: [styles.dayCellCountainer, {
+          zIndex: 7 - dateIndex
+        }],
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.dayCellInner, props.weekdayCellContainerStyle?.(djs.day())]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.dayCellLabel,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.dayCellText, props.weekdayCellTextStyle?.(djs.day())],
+            children: text
+          })
+        })]
+      }, djs.get('d'));
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'row',
+    flex: 1,
+    backgroundColor: 'white'
+  },
+  dayCellCountainer: {
+    flex: 1,
+    borderRightWidth: CELL_BORDER_WIDTH,
+    borderBottomWidth: CELL_BORDER_WIDTH,
+    borderColor: 'lightslategrey',
+    backgroundColor: 'white',
+    position: 'relative'
+  },
+  dayCellInner: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  dayCellLabel: {
+    paddingVertical: 1,
+    paddingHorizontal: 2
+  },
+  dayCellText: {
+    textAlign: 'center',
+    fontSize: 12
+  }
+});
+//# sourceMappingURL=MonthCalendarWeekDayRow.js.map

package/lib/module/calendar/month-calendar/view/MonthCalendarWeekDayRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["en","StyleSheet","Text","View","CELL_BORDER_WIDTH","jsx","_jsx","jsxs","_jsxs","MonthCalendarWeekDayRow","props","style","styles","container","children","dates","map","djs","dateIndex","text","locale","format","dayCellCountainer","zIndex","dayCellInner","weekdayCellContainerStyle","day","dayCellLabel","dayCellText","weekdayCellTextStyle","get","create","width","display","flexDirection","flex","backgroundColor","borderRightWidth","borderBottomWidth","borderColor","position","top","left","right","bottom","paddingVertical","paddingHorizontal","textAlign","fontSize"],"sourceRoot":"../../../../../src","sources":["calendar/month-calendar/view/MonthCalendarWeekDayRow.tsx"],"mappings":";;AACA,OAAOA,EAAE,MAAM,iBAAiB;AAChC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,IAAI,EAAEC,IAAI,QAAwB,cAAc;AAEzD,SAASC,iBAAiB,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5D,OAAO,MAAMC,uBAAuB,GAAIC,KAKvC,IAAK;EACJ,oBACEJ,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BJ,KAAK,CAACK,KAAK,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,SAAS,KAAK;MACnC,MAAMC,IAAI,GAAGF,GAAG,CAACG,MAAM,CAACV,KAAK,CAACU,MAAM,IAAIpB,EAAE,CAAC,CAACqB,MAAM,CAAC,KAAK,CAAC;MAEzD,oBACEb,KAAA,CAACL,IAAI;QAEHQ,KAAK,EAAE,CAACC,MAAM,CAACU,iBAAiB,EAAE;UAAEC,MAAM,EAAE,CAAC,GAAGL;QAAU,CAAC,CAAE;QAAAJ,QAAA,gBAE7DR,IAAA,CAACH,IAAI;UACHQ,KAAK,EAAE,CACLC,MAAM,CAACY,YAAY,EACnBd,KAAK,CAACe,yBAAyB,GAAGR,GAAG,CAACS,GAAG,CAAC,CAAC,CAAC;QAC5C,CACH,CAAC,eACFpB,IAAA,CAACH,IAAI;UAACQ,KAAK,EAAEC,MAAM,CAACe,YAAa;UAAAb,QAAA,eAC/BR,IAAA,CAACJ,IAAI;YACHS,KAAK,EAAE,CACLC,MAAM,CAACgB,WAAW,EAClBlB,KAAK,CAACmB,oBAAoB,GAAGZ,GAAG,CAACS,GAAG,CAAC,CAAC,CAAC,CACvC;YAAAZ,QAAA,EAEDK;UAAI,CACD;QAAC,CACH,CAAC;MAAA,GAlBFF,GAAG,CAACa,GAAG,CAAC,GAAG,CAmBZ,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMlB,MAAM,GAAGX,UAAU,CAAC8B,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE;EACnB,CAAC;EACDd,iBAAiB,EAAE;IACjBa,IAAI,EAAE,CAAC;IACPE,gBAAgB,EAAEjC,iBAAiB;IACnCkC,iBAAiB,EAAElC,iBAAiB;IACpCmC,WAAW,EAAE,gBAAgB;IAC7BH,eAAe,EAAE,OAAO;IACxBI,QAAQ,EAAE;EACZ,CAAC;EACDhB,YAAY,EAAE;IACZgB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDjB,YAAY,EAAE;IACZkB,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDlB,WAAW,EAAE;IACXmB,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}