@lazerlen/legend-calendar 1.2.0 → 1.4.0

package/dist/index.mjs

@@ -759,7 +759,7 @@ var CalendarItemDay = /* @__PURE__ */ memo(function CalendarItemDay2(t0) {
   return t7;
 });
 var CalendarItemDayContainer = /* @__PURE__ */ memo(function CalendarItemDayContainer2(t0) {
-  const $ = _c3(21);
+  const $ = _c3(29);
   const {
     children,
     isStartOfWeek,
@@ -826,29 +826,65 @@ var CalendarItemDayContainer = /* @__PURE__ */ memo(function CalendarItemDayCont
   }
   const activeDayFiller = t5;
   let t6;
-  if ($[15] !== activeDayFiller) {
-    t6 = activeDayFiller ? /* @__PURE__ */ _jsx2(View, {
+  if ($[15] !== metadata || $[16] !== theme) {
+    t6 = typeof (theme == null ? void 0 : theme.activeDayRangeBackground) === "function" && metadata ? theme.activeDayRangeBackground(metadata) : theme == null ? void 0 : theme.activeDayRangeBackground;
+    $[15] = metadata;
+    $[16] = theme;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  const rangeBackgroundTheme = t6;
+  let t7;
+  if ($[18] !== rangeBackgroundTheme) {
+    t7 = rangeBackgroundTheme ? __spreadValues({
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }, rangeBackgroundTheme) : null;
+    $[18] = rangeBackgroundTheme;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const rangeBackground = t7;
+  let t8;
+  if ($[20] !== rangeBackground) {
+    t8 = rangeBackground ? /* @__PURE__ */ _jsx2(View, {
+      style: rangeBackground
+    }) : null;
+    $[20] = rangeBackground;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== activeDayFiller) {
+    t9 = activeDayFiller ? /* @__PURE__ */ _jsx2(View, {
       style: activeDayFiller
     }) : null;
-    $[15] = activeDayFiller;
-    $[16] = t6;
+    $[22] = activeDayFiller;
+    $[23] = t9;
   } else {
-    t6 = $[16];
+    t9 = $[23];
   }
-  let t7;
-  if ($[17] !== children || $[18] !== spacerStyles || $[19] !== t6) {
-    t7 = /* @__PURE__ */ _jsxs(View, {
+  let t10;
+  if ($[24] !== children || $[25] !== spacerStyles || $[26] !== t8 || $[27] !== t9) {
+    t10 = /* @__PURE__ */ _jsxs(View, {
       style: spacerStyles,
-      children: [t6, children]
+      children: [t8, t9, children]
     });
-    $[17] = children;
-    $[18] = spacerStyles;
-    $[19] = t6;
-    $[20] = t7;
+    $[24] = children;
+    $[25] = spacerStyles;
+    $[26] = t8;
+    $[27] = t9;
+    $[28] = t10;
   } else {
-    t7 = $[20];
+    t10 = $[28];
   }
-  return t7;
+  return t10;
 });
 var CalendarItemDayWithContainer = /* @__PURE__ */ memo(function CalendarItemDayWithContainer2(t0) {
   const $ = _c3(14);
@@ -1955,7 +1991,7 @@ import { jsx as _jsx10 } from "react/jsx-runtime";
 var LegendList = LegendListBase;
 var keyExtractor = (month) => month.id;
 function CalendarList(t0) {
-  const $ = _c12(42);
+  const $ = _c12(49);
   const _a = t0, {
     ref
   } = _a, props = __objRest(_a, [
@@ -1963,23 +1999,25 @@ function CalendarList(t0) {
   ]);
   const _b = props, {
     calendarInitialMonthId,
-    calendarPastScrollRangeInMonths: t1,
-    calendarFutureScrollRangeInMonths: t2,
-    calendarFirstDayOfWeek: t3,
+    calendarInitialScrollToActiveRange: t1,
+    calendarPastScrollRangeInMonths: t2,
+    calendarFutureScrollRangeInMonths: t3,
+    calendarFirstDayOfWeek: t4,
     calendarFormatLocale,
-    calendarSpacing: t4,
+    calendarSpacing: t5,
     calendarRowHorizontalSpacing,
-    calendarRowVerticalSpacing: t5,
-    calendarMonthHeaderHeight: t6,
-    calendarDayHeight: t7,
-    calendarWeekHeaderHeight: t8,
-    calendarAdditionalHeight: t9,
+    calendarRowVerticalSpacing: t6,
+    calendarMonthHeaderHeight: t7,
+    calendarDayHeight: t8,
+    calendarWeekHeaderHeight: t9,
+    calendarAdditionalHeight: t10,
     calendarColorScheme,
     theme,
     onEndReached,
     onStartReached
   } = _b, otherProps = __objRest(_b, [
     "calendarInitialMonthId",
+    "calendarInitialScrollToActiveRange",
     "calendarPastScrollRangeInMonths",
     "calendarFutureScrollRangeInMonths",
     "calendarFirstDayOfWeek",
@@ -1996,15 +2034,16 @@ function CalendarList(t0) {
     "onEndReached",
     "onStartReached"
   ]);
-  const calendarPastScrollRangeInMonths = t1 === void 0 ? 12 : t1;
-  const calendarFutureScrollRangeInMonths = t2 === void 0 ? 12 : t2;
-  const calendarFirstDayOfWeek = t3 === void 0 ? "sunday" : t3;
-  const calendarSpacing = t4 === void 0 ? 20 : t4;
-  const calendarRowVerticalSpacing = t5 === void 0 ? 8 : t5;
-  const calendarMonthHeaderHeight = t6 === void 0 ? 20 : t6;
-  const calendarDayHeight = t7 === void 0 ? 32 : t7;
-  const calendarWeekHeaderHeight = t8 === void 0 ? calendarDayHeight : t8;
-  const calendarAdditionalHeight = t9 === void 0 ? 0 : t9;
+  const calendarInitialScrollToActiveRange = t1 === void 0 ? true : t1;
+  const calendarPastScrollRangeInMonths = t2 === void 0 ? 12 : t2;
+  const calendarFutureScrollRangeInMonths = t3 === void 0 ? 12 : t3;
+  const calendarFirstDayOfWeek = t4 === void 0 ? "sunday" : t4;
+  const calendarSpacing = t5 === void 0 ? 20 : t5;
+  const calendarRowVerticalSpacing = t6 === void 0 ? 8 : t6;
+  const calendarMonthHeaderHeight = t7 === void 0 ? 20 : t7;
+  const calendarDayHeight = t8 === void 0 ? 32 : t8;
+  const calendarWeekHeaderHeight = t9 === void 0 ? calendarDayHeight : t9;
+  const calendarAdditionalHeight = t10 === void 0 ? 0 : t10;
   const _c14 = otherProps, {
     calendarActiveDateRanges,
     calendarDisabledDateIds,
@@ -2065,50 +2104,87 @@ function CalendarList(t0) {
     calendarMaxDateId,
     calendarMinDateId
   });
-  const monthListWithCalendarProps = monthList.map((month) => __spreadProps(__spreadValues({}, month), {
+  let computedInitialScrollIndex = initialMonthIndex;
+  if (calendarInitialScrollToActiveRange && calendarActiveDateRanges) {
+    const firstRange = calendarActiveDateRanges[0];
+    if (firstRange == null ? void 0 : firstRange.startId) {
+      let t112;
+      if ($[0] !== firstRange.startId) {
+        const startDate = fromDateId(firstRange.startId);
+        t112 = toDateId(startOfMonth(startDate));
+        $[0] = firstRange.startId;
+        $[1] = t112;
+      } else {
+        t112 = $[1];
+      }
+      const monthId = t112;
+      let t122;
+      if ($[2] !== monthId || $[3] !== monthList) {
+        let t132;
+        if ($[5] !== monthId) {
+          t132 = (month) => month.id === monthId;
+          $[5] = monthId;
+          $[6] = t132;
+        } else {
+          t132 = $[6];
+        }
+        t122 = monthList.findIndex(t132);
+        $[2] = monthId;
+        $[3] = monthList;
+        $[4] = t122;
+      } else {
+        t122 = $[4];
+      }
+      const monthIndex = t122;
+      if (monthIndex !== -1) {
+        computedInitialScrollIndex = monthIndex;
+      }
+    }
+  }
+  const monthListWithCalendarProps = monthList.map((month_0) => __spreadProps(__spreadValues({}, month_0), {
     calendarProps
   }));
-  let t10;
-  if ($[0] !== appendMonths || $[1] !== calendarFutureScrollRangeInMonths || $[2] !== onEndReached) {
-    t10 = (info) => {
+  let t11;
+  if ($[7] !== appendMonths || $[8] !== calendarFutureScrollRangeInMonths || $[9] !== onEndReached) {
+    t11 = (info) => {
       appendMonths(calendarFutureScrollRangeInMonths);
       onEndReached == null ? void 0 : onEndReached(info);
     };
-    $[0] = appendMonths;
-    $[1] = calendarFutureScrollRangeInMonths;
-    $[2] = onEndReached;
-    $[3] = t10;
+    $[7] = appendMonths;
+    $[8] = calendarFutureScrollRangeInMonths;
+    $[9] = onEndReached;
+    $[10] = t11;
   } else {
-    t10 = $[3];
+    t11 = $[10];
   }
-  const handleOnEndReached = t10;
-  let t11;
-  if ($[4] !== calendarPastScrollRangeInMonths || $[5] !== onStartReached || $[6] !== prependMonths) {
-    t11 = (info_0) => {
+  const handleOnEndReached = t11;
+  let t12;
+  if ($[11] !== calendarPastScrollRangeInMonths || $[12] !== onStartReached || $[13] !== prependMonths) {
+    t12 = (info_0) => {
       prependMonths(calendarPastScrollRangeInMonths);
       onStartReached == null ? void 0 : onStartReached(info_0);
     };
-    $[4] = calendarPastScrollRangeInMonths;
-    $[5] = onStartReached;
-    $[6] = prependMonths;
-    $[7] = t11;
+    $[11] = calendarPastScrollRangeInMonths;
+    $[12] = onStartReached;
+    $[13] = prependMonths;
+    $[14] = t12;
   } else {
-    t11 = $[7];
+    t12 = $[14];
   }
-  const handleOnStartReached = t11;
-  let t12;
-  if ($[8] !== addMissingMonths || $[9] !== calendarAdditionalHeight || $[10] !== calendarDayHeight || $[11] !== calendarMonthHeaderHeight || $[12] !== calendarRowVerticalSpacing || $[13] !== calendarSpacing || $[14] !== calendarWeekHeaderHeight || $[15] !== monthList) {
-    t12 = (date) => {
-      const monthId = toDateId(startOfMonth(date));
+  const handleOnStartReached = t12;
+  let t13;
+  if ($[15] !== addMissingMonths || $[16] !== calendarAdditionalHeight || $[17] !== calendarDayHeight || $[18] !== calendarMonthHeaderHeight || $[19] !== calendarRowVerticalSpacing || $[20] !== calendarSpacing || $[21] !== calendarWeekHeaderHeight || $[22] !== monthList) {
+    t13 = (date) => {
+      const monthId_0 = toDateId(startOfMonth(date));
       let baseMonthList = monthList;
-      let index = baseMonthList.findIndex((month_0) => month_0.id === monthId);
+      let index = baseMonthList.findIndex((month_1) => month_1.id === monthId_0);
       if (index === -1) {
-        baseMonthList = addMissingMonths(monthId);
-        index = baseMonthList.findIndex((month_1) => month_1.id === monthId);
+        baseMonthList = addMissingMonths(monthId_0);
+        index = baseMonthList.findIndex((month_2) => month_2.id === monthId_0);
       }
-      return baseMonthList.slice(0, index).reduce((acc, month_2) => {
+      return baseMonthList.slice(0, index).reduce((acc, month_3) => {
         const currentHeight = getHeightForMonth({
-          calendarMonth: month_2,
+          calendarMonth: month_3,
           calendarSpacing,
           calendarDayHeight,
           calendarMonthHeaderHeight,
@@ -2119,30 +2195,30 @@ function CalendarList(t0) {
         return acc + currentHeight;
       }, 0);
     };
-    $[8] = addMissingMonths;
-    $[9] = calendarAdditionalHeight;
-    $[10] = calendarDayHeight;
-    $[11] = calendarMonthHeaderHeight;
-    $[12] = calendarRowVerticalSpacing;
-    $[13] = calendarSpacing;
-    $[14] = calendarWeekHeaderHeight;
-    $[15] = monthList;
-    $[16] = t12;
-  } else {
-    t12 = $[16];
-  }
-  const getScrollOffsetForMonth = t12;
+    $[15] = addMissingMonths;
+    $[16] = calendarAdditionalHeight;
+    $[17] = calendarDayHeight;
+    $[18] = calendarMonthHeaderHeight;
+    $[19] = calendarRowVerticalSpacing;
+    $[20] = calendarSpacing;
+    $[21] = calendarWeekHeaderHeight;
+    $[22] = monthList;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  const getScrollOffsetForMonth = t13;
   const legendListRef = useRef(null);
-  let t13;
-  if ($[17] !== calendarDayHeight || $[18] !== calendarFirstDayOfWeek || $[19] !== calendarRowVerticalSpacing || $[20] !== calendarWeekHeaderHeight || $[21] !== getScrollOffsetForMonth) {
-    t13 = () => ({
-      scrollToMonth(date_0, animated, t142) {
+  let t14;
+  if ($[24] !== calendarDayHeight || $[25] !== calendarFirstDayOfWeek || $[26] !== calendarRowVerticalSpacing || $[27] !== calendarWeekHeaderHeight || $[28] !== getScrollOffsetForMonth) {
+    t14 = () => ({
+      scrollToMonth(date_0, animated, t152) {
         const {
-          additionalOffset: t152
-        } = t142 === void 0 ? {
+          additionalOffset: t162
+        } = t152 === void 0 ? {
           additionalOffset: 0
-        } : t142;
-        const additionalOffset = t152 === void 0 ? 0 : t152;
+        } : t152;
+        const additionalOffset = t162 === void 0 ? 0 : t162;
         setTimeout(() => {
           var _a2;
           (_a2 = legendListRef.current) == null ? void 0 : _a2.scrollToOffset({
@@ -2151,14 +2227,14 @@ function CalendarList(t0) {
           });
         }, 0);
       },
-      scrollToDate(date_1, animated_0, t162) {
+      scrollToDate(date_1, animated_0, t172) {
         var _a2;
         const {
-          additionalOffset: t172
-        } = t162 === void 0 ? {
+          additionalOffset: t182
+        } = t172 === void 0 ? {
           additionalOffset: 0
-        } : t162;
-        const additionalOffset_0 = t172 === void 0 ? 0 : t172;
+        } : t172;
+        const additionalOffset_0 = t182 === void 0 ? 0 : t182;
         const currentMonthOffset = getScrollOffsetForMonth(date_1);
         const weekOfMonthIndex = getWeekOfMonth(date_1, calendarFirstDayOfWeek);
         const rowHeight = calendarDayHeight + calendarRowVerticalSpacing;
@@ -2177,30 +2253,30 @@ function CalendarList(t0) {
         });
       }
     });
-    $[17] = calendarDayHeight;
-    $[18] = calendarFirstDayOfWeek;
-    $[19] = calendarRowVerticalSpacing;
-    $[20] = calendarWeekHeaderHeight;
-    $[21] = getScrollOffsetForMonth;
-    $[22] = t13;
+    $[24] = calendarDayHeight;
+    $[25] = calendarFirstDayOfWeek;
+    $[26] = calendarRowVerticalSpacing;
+    $[27] = calendarWeekHeaderHeight;
+    $[28] = getScrollOffsetForMonth;
+    $[29] = t14;
   } else {
-    t13 = $[22];
+    t14 = $[29];
   }
-  useImperativeHandle(ref, t13);
-  let t14;
-  if ($[23] !== calendarSpacing) {
-    t14 = {
+  useImperativeHandle(ref, t14);
+  let t15;
+  if ($[30] !== calendarSpacing) {
+    t15 = {
       paddingBottom: calendarSpacing
     };
-    $[23] = calendarSpacing;
-    $[24] = t14;
+    $[30] = calendarSpacing;
+    $[31] = t15;
   } else {
-    t14 = $[24];
+    t15 = $[31];
   }
-  const calendarContainerStyle = t14;
-  let t15;
-  if ($[25] !== calendarAdditionalHeight || $[26] !== calendarDayHeight || $[27] !== calendarMonthHeaderHeight || $[28] !== calendarRowVerticalSpacing || $[29] !== calendarSpacing || $[30] !== calendarWeekHeaderHeight) {
-    t15 = (item) => getHeightForMonth({
+  const calendarContainerStyle = t15;
+  let t16;
+  if ($[32] !== calendarAdditionalHeight || $[33] !== calendarDayHeight || $[34] !== calendarMonthHeaderHeight || $[35] !== calendarRowVerticalSpacing || $[36] !== calendarSpacing || $[37] !== calendarWeekHeaderHeight) {
+    t16 = (item) => getHeightForMonth({
       calendarMonth: item,
       calendarSpacing,
       calendarDayHeight,
@@ -2209,23 +2285,23 @@ function CalendarList(t0) {
       calendarWeekHeaderHeight,
       calendarAdditionalHeight
     });
-    $[25] = calendarAdditionalHeight;
-    $[26] = calendarDayHeight;
-    $[27] = calendarMonthHeaderHeight;
-    $[28] = calendarRowVerticalSpacing;
-    $[29] = calendarSpacing;
-    $[30] = calendarWeekHeaderHeight;
-    $[31] = t15;
+    $[32] = calendarAdditionalHeight;
+    $[33] = calendarDayHeight;
+    $[34] = calendarMonthHeaderHeight;
+    $[35] = calendarRowVerticalSpacing;
+    $[36] = calendarSpacing;
+    $[37] = calendarWeekHeaderHeight;
+    $[38] = t16;
   } else {
-    t15 = $[31];
+    t16 = $[38];
   }
-  const getFixedItemSize = t15;
-  let t16;
-  if ($[32] !== calendarContainerStyle) {
-    t16 = (t172) => {
+  const getFixedItemSize = t16;
+  let t17;
+  if ($[39] !== calendarContainerStyle) {
+    t17 = (t182) => {
       const {
         item: item_0
-      } = t172;
+      } = t182;
       return /* @__PURE__ */ _jsx10(View7, {
         style: calendarContainerStyle,
         children: /* @__PURE__ */ _jsx10(Calendar, __spreadValues({
@@ -2233,21 +2309,21 @@ function CalendarList(t0) {
         }, item_0.calendarProps))
       });
     };
-    $[32] = calendarContainerStyle;
-    $[33] = t16;
+    $[39] = calendarContainerStyle;
+    $[40] = t17;
   } else {
-    t16 = $[33];
+    t17 = $[40];
   }
-  const handleRenderItem = t16;
+  const handleRenderItem = t17;
   const handleViewableItemsChanged = _temp;
-  let t17;
-  if ($[34] !== flatListProps || $[35] !== getFixedItemSize || $[36] !== handleOnEndReached || $[37] !== handleOnStartReached || $[38] !== handleRenderItem || $[39] !== initialMonthIndex || $[40] !== monthListWithCalendarProps) {
-    t17 = /* @__PURE__ */ _jsx10(LegendList, __spreadValues({
+  let t18;
+  if ($[41] !== computedInitialScrollIndex || $[42] !== flatListProps || $[43] !== getFixedItemSize || $[44] !== handleOnEndReached || $[45] !== handleOnStartReached || $[46] !== handleRenderItem || $[47] !== monthListWithCalendarProps) {
+    t18 = /* @__PURE__ */ _jsx10(LegendList, __spreadValues({
       data: monthListWithCalendarProps,
       drawDistance: 560,
       estimatedItemSize: 273,
       getFixedItemSize,
-      initialScrollIndex: initialMonthIndex,
+      initialScrollIndex: computedInitialScrollIndex,
       keyExtractor,
       maintainVisibleContentPosition: true,
       onEndReached: handleOnEndReached,
@@ -2259,18 +2335,18 @@ function CalendarList(t0) {
       showsVerticalScrollIndicator: false,
       style: styles8.container
     }, flatListProps));
-    $[34] = flatListProps;
-    $[35] = getFixedItemSize;
-    $[36] = handleOnEndReached;
-    $[37] = handleOnStartReached;
-    $[38] = handleRenderItem;
-    $[39] = initialMonthIndex;
-    $[40] = monthListWithCalendarProps;
-    $[41] = t17;
-  } else {
-    t17 = $[41];
-  }
-  return t17;
+    $[41] = computedInitialScrollIndex;
+    $[42] = flatListProps;
+    $[43] = getFixedItemSize;
+    $[44] = handleOnEndReached;
+    $[45] = handleOnStartReached;
+    $[46] = handleRenderItem;
+    $[47] = monthListWithCalendarProps;
+    $[48] = t18;
+  } else {
+    t18 = $[48];
+  }
+  return t18;
 }
 function _temp() {
 }