@lazerlen/legend-calendar 1.1.1 → 1.2.0

package/dist/index.js

@@ -562,9 +562,7 @@ var buildBaseStyles = (theme) => {
   return {
     active: ({
       isPressed,
-      isHovered,
-      isStartOfRange,
-      isEndOfRange
+      isHovered
     }) => {
       const baseStyles = isPressed || isHovered ? {
         container: __spreadProps(__spreadValues({}, styles.baseContainer), {
@@ -581,18 +579,6 @@ var buildBaseStyles = (theme) => {
           color: theme.colors.content.inverse.primary
         })
       };
-      baseStyles.container.borderRadius = 0;
-      if (isStartOfRange) {
-        baseStyles.container.borderTopLeftRadius = 16;
-        baseStyles.container.borderBottomLeftRadius = 16;
-      }
-      if (isEndOfRange) {
-        baseStyles.container.borderTopRightRadius = 16;
-        baseStyles.container.borderBottomRightRadius = 16;
-      }
-      if (!isStartOfRange && !isEndOfRange) {
-        baseStyles.container.borderRadius = 0;
-      }
       return baseStyles;
     },
     disabled: () => ({
@@ -675,7 +661,7 @@ var CalendarItemDay = /* @__PURE__ */ (0, import_react4.memo)(function CalendarI
   let t5;
   if ($[5] !== baseStyles || $[6] !== height || $[7] !== metadata || $[8] !== theme) {
     t5 = (t62) => {
-      var _a, _b, _c14, _d;
+      var _a, _b, _c14, _d, _e;
       const {
         pressed: isPressed,
         hovered: isHovered,
@@ -691,13 +677,50 @@ var CalendarItemDay = /* @__PURE__ */ (0, import_react4.memo)(function CalendarI
       const {
         container
       } = baseStyles[metadata.state](params);
-      return __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, container), {
-        height
-      }), (_c14 = theme == null ? void 0 : theme.base) == null ? void 0 : _c14.call(theme, __spreadProps(__spreadValues({}, metadata), {
+      const baseThemeContainer = (_c14 = theme == null ? void 0 : theme.base) == null ? void 0 : _c14.call(theme, __spreadProps(__spreadValues({}, metadata), {
         isPressed
-      })).container), (_d = theme == null ? void 0 : theme[metadata.state]) == null ? void 0 : _d.call(theme, __spreadProps(__spreadValues({}, metadata), {
+      })).container;
+      const stateThemeContainer = (_d = theme == null ? void 0 : theme[metadata.state]) == null ? void 0 : _d.call(theme, __spreadProps(__spreadValues({}, metadata), {
         isPressed
-      })).container);
+      })).container;
+      const mergedContainer = __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, container), {
+        height
+      }), baseThemeContainer), stateThemeContainer);
+      if (metadata.state === "active") {
+        const hasCustomRadius = (baseThemeContainer == null ? void 0 : baseThemeContainer.borderRadius) !== void 0 || (baseThemeContainer == null ? void 0 : baseThemeContainer.borderTopLeftRadius) !== void 0 || (baseThemeContainer == null ? void 0 : baseThemeContainer.borderBottomLeftRadius) !== void 0 || (baseThemeContainer == null ? void 0 : baseThemeContainer.borderTopRightRadius) !== void 0 || (baseThemeContainer == null ? void 0 : baseThemeContainer.borderBottomRightRadius) !== void 0 || (stateThemeContainer == null ? void 0 : stateThemeContainer.borderRadius) !== void 0 || (stateThemeContainer == null ? void 0 : stateThemeContainer.borderTopLeftRadius) !== void 0 || (stateThemeContainer == null ? void 0 : stateThemeContainer.borderBottomLeftRadius) !== void 0 || (stateThemeContainer == null ? void 0 : stateThemeContainer.borderTopRightRadius) !== void 0 || (stateThemeContainer == null ? void 0 : stateThemeContainer.borderBottomRightRadius) !== void 0;
+        if (!hasCustomRadius) {
+          const defaultRadius = (_e = styles.baseContainer.borderRadius) != null ? _e : 0;
+          mergedContainer.borderRadius = 0;
+          if (metadata.isStartOfRange) {
+            mergedContainer.borderTopLeftRadius = defaultRadius;
+            mergedContainer.borderBottomLeftRadius = defaultRadius;
+          }
+          if (metadata.isEndOfRange) {
+            mergedContainer.borderTopRightRadius = defaultRadius;
+            mergedContainer.borderBottomRightRadius = defaultRadius;
+          }
+          if (!metadata.isStartOfRange && !metadata.isEndOfRange) {
+            mergedContainer.borderRadius = 0;
+          }
+        } else {
+          if (mergedContainer.borderRadius !== void 0) {
+            const radius = mergedContainer.borderRadius;
+            if (metadata.isStartOfRange && mergedContainer.borderTopLeftRadius === void 0) {
+              mergedContainer.borderTopLeftRadius = radius;
+            }
+            if (metadata.isStartOfRange && mergedContainer.borderBottomLeftRadius === void 0) {
+              mergedContainer.borderBottomLeftRadius = radius;
+            }
+            if (metadata.isEndOfRange && mergedContainer.borderTopRightRadius === void 0) {
+              mergedContainer.borderTopRightRadius = radius;
+            }
+            if (metadata.isEndOfRange && mergedContainer.borderBottomRightRadius === void 0) {
+              mergedContainer.borderBottomRightRadius = radius;
+            }
+          }
+        }
+      }
+      return mergedContainer;
     };
     $[5] = baseStyles;
     $[6] = height;
@@ -768,7 +791,7 @@ var CalendarItemDay = /* @__PURE__ */ (0, import_react4.memo)(function CalendarI
   return t7;
 });
 var CalendarItemDayContainer = /* @__PURE__ */ (0, import_react4.memo)(function CalendarItemDayContainer2(t0) {
-  const $ = (0, import_compiler_runtime3.c)(16);
+  const $ = (0, import_compiler_runtime3.c)(21);
   const {
     children,
     isStartOfWeek,
@@ -779,27 +802,44 @@ var CalendarItemDayContainer = /* @__PURE__ */ (0, import_react4.memo)(function
     metadata
   } = t0;
   const baseTheme = useTheme();
-  const t1 = isStartOfWeek ? 0 : daySpacing;
-  const t2 = theme == null ? void 0 : theme.spacer;
+  let t1;
+  if ($[0] !== metadata || $[1] !== theme) {
+    t1 = typeof (theme == null ? void 0 : theme.spacer) === "function" && metadata ? theme.spacer(metadata) : theme == null ? void 0 : theme.spacer;
+    $[0] = metadata;
+    $[1] = theme;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const spacerTheme = t1;
+  const t2 = isStartOfWeek ? 0 : daySpacing;
   let t3;
-  if ($[0] !== dayHeight || $[1] !== t1 || $[2] !== t2) {
-    t3 = __spreadValues({
+  if ($[3] !== spacerTheme) {
+    t3 = spacerTheme != null ? spacerTheme : {};
+    $[3] = spacerTheme;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== dayHeight || $[6] !== t2 || $[7] !== t3) {
+    t4 = __spreadValues({
       position: "relative",
-      marginLeft: t1,
+      marginLeft: t2,
       flex: 1,
       height: dayHeight
-    }, t2);
-    $[0] = dayHeight;
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t3;
+    }, t3);
+    $[5] = dayHeight;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
   } else {
-    t3 = $[3];
+    t4 = $[8];
   }
-  const spacerStyles = t3;
-  let t4;
-  if ($[4] !== baseTheme || $[5] !== daySpacing || $[6] !== metadata || $[7] !== shouldShowActiveDayFiller || $[8] !== theme) {
-    t4 = !shouldShowActiveDayFiller ? null : __spreadValues({
+  const spacerStyles = t4;
+  let t5;
+  if ($[9] !== baseTheme || $[10] !== daySpacing || $[11] !== metadata || $[12] !== shouldShowActiveDayFiller || $[13] !== theme) {
+    t5 = !shouldShowActiveDayFiller ? null : __spreadValues({
       position: "absolute",
       top: 0,
       bottom: 0,
@@ -807,40 +847,40 @@ var CalendarItemDayContainer = /* @__PURE__ */ (0, import_react4.memo)(function
       width: daySpacing + 2,
       backgroundColor: baseTheme.colors.background.inverse.primary
     }, typeof (theme == null ? void 0 : theme.activeDayFiller) === "function" && !!metadata ? theme.activeDayFiller(metadata) : theme == null ? void 0 : theme.activeDayFiller);
-    $[4] = baseTheme;
-    $[5] = daySpacing;
-    $[6] = metadata;
-    $[7] = shouldShowActiveDayFiller;
-    $[8] = theme;
-    $[9] = t4;
+    $[9] = baseTheme;
+    $[10] = daySpacing;
+    $[11] = metadata;
+    $[12] = shouldShowActiveDayFiller;
+    $[13] = theme;
+    $[14] = t5;
   } else {
-    t4 = $[9];
+    t5 = $[14];
   }
-  const activeDayFiller = t4;
-  let t5;
-  if ($[10] !== activeDayFiller) {
-    t5 = activeDayFiller ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, {
+  const activeDayFiller = t5;
+  let t6;
+  if ($[15] !== activeDayFiller) {
+    t6 = activeDayFiller ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, {
       style: activeDayFiller
     }) : null;
-    $[10] = activeDayFiller;
-    $[11] = t5;
+    $[15] = activeDayFiller;
+    $[16] = t6;
   } else {
-    t5 = $[11];
+    t6 = $[16];
   }
-  let t6;
-  if ($[12] !== children || $[13] !== spacerStyles || $[14] !== t5) {
-    t6 = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, {
+  let t7;
+  if ($[17] !== children || $[18] !== spacerStyles || $[19] !== t6) {
+    t7 = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, {
       style: spacerStyles,
-      children: [t5, children]
+      children: [t6, children]
     });
-    $[12] = children;
-    $[13] = spacerStyles;
-    $[14] = t5;
-    $[15] = t6;
+    $[17] = children;
+    $[18] = spacerStyles;
+    $[19] = t6;
+    $[20] = t7;
   } else {
-    t6 = $[15];
+    t7 = $[20];
   }
-  return t6;
+  return t7;
 });
 var CalendarItemDayWithContainer = /* @__PURE__ */ (0, import_react4.memo)(function CalendarItemDayWithContainer2(t0) {
   const $ = (0, import_compiler_runtime3.c)(14);
@@ -1946,8 +1986,8 @@ var getHeightForMonth = ({
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var LegendList = import_react_native9.LegendList;
 var keyExtractor = (month) => month.id;
-var CalendarList = /* @__PURE__ */ (0, import_react11.memo)(function CalendarList2(t0) {
-  const $ = (0, import_compiler_runtime12.c)(32);
+function CalendarList(t0) {
+  const $ = (0, import_compiler_runtime12.c)(42);
   const _a = t0, {
     ref
   } = _a, props = __objRest(_a, [
@@ -2143,14 +2183,14 @@ var CalendarList = /* @__PURE__ */ (0, import_react11.memo)(function CalendarLis
           });
         }, 0);
       },
-      scrollToDate(date_1, animated_0, t16) {
+      scrollToDate(date_1, animated_0, t162) {
         var _a2;
         const {
-          additionalOffset: t17
-        } = t16 === void 0 ? {
+          additionalOffset: t172
+        } = t162 === void 0 ? {
           additionalOffset: 0
-        } : t16;
-        const additionalOffset_0 = t17 === void 0 ? 0 : t17;
+        } : t162;
+        const additionalOffset_0 = t172 === void 0 ? 0 : t172;
         const currentMonthOffset = getScrollOffsetForMonth(date_1);
         const weekOfMonthIndex = getWeekOfMonth(date_1, calendarFirstDayOfWeek);
         const rowHeight = calendarDayHeight + calendarRowVerticalSpacing;
@@ -2181,54 +2221,91 @@ var CalendarList = /* @__PURE__ */ (0, import_react11.memo)(function CalendarLis
   (0, import_react11.useImperativeHandle)(ref, t13);
   let t14;
   if ($[23] !== calendarSpacing) {
-    const calendarContainerStyle = {
+    t14 = {
       paddingBottom: calendarSpacing
     };
-    t14 = (t152) => {
+    $[23] = calendarSpacing;
+    $[24] = t14;
+  } else {
+    t14 = $[24];
+  }
+  const calendarContainerStyle = t14;
+  let t15;
+  if ($[25] !== calendarAdditionalHeight || $[26] !== calendarDayHeight || $[27] !== calendarMonthHeaderHeight || $[28] !== calendarRowVerticalSpacing || $[29] !== calendarSpacing || $[30] !== calendarWeekHeaderHeight) {
+    t15 = (item) => getHeightForMonth({
+      calendarMonth: item,
+      calendarSpacing,
+      calendarDayHeight,
+      calendarMonthHeaderHeight,
+      calendarRowVerticalSpacing,
+      calendarWeekHeaderHeight,
+      calendarAdditionalHeight
+    });
+    $[25] = calendarAdditionalHeight;
+    $[26] = calendarDayHeight;
+    $[27] = calendarMonthHeaderHeight;
+    $[28] = calendarRowVerticalSpacing;
+    $[29] = calendarSpacing;
+    $[30] = calendarWeekHeaderHeight;
+    $[31] = t15;
+  } else {
+    t15 = $[31];
+  }
+  const getFixedItemSize = t15;
+  let t16;
+  if ($[32] !== calendarContainerStyle) {
+    t16 = (t172) => {
       const {
-        item
-      } = t152;
+        item: item_0
+      } = t172;
       return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, {
         style: calendarContainerStyle,
         children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Calendar, __spreadValues({
-          calendarMonthId: item.id
-        }, item.calendarProps))
+          calendarMonthId: item_0.id
+        }, item_0.calendarProps))
       });
     };
-    $[23] = calendarSpacing;
-    $[24] = t14;
+    $[32] = calendarContainerStyle;
+    $[33] = t16;
   } else {
-    t14 = $[24];
+    t16 = $[33];
   }
-  const handleRenderItem = t14;
-  let t15;
-  if ($[25] !== flatListProps || $[26] !== handleOnEndReached || $[27] !== handleOnStartReached || $[28] !== handleRenderItem || $[29] !== initialMonthIndex || $[30] !== monthListWithCalendarProps) {
-    t15 = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LegendList, __spreadValues({
+  const handleRenderItem = t16;
+  const handleViewableItemsChanged = _temp;
+  let t17;
+  if ($[34] !== flatListProps || $[35] !== getFixedItemSize || $[36] !== handleOnEndReached || $[37] !== handleOnStartReached || $[38] !== handleRenderItem || $[39] !== initialMonthIndex || $[40] !== monthListWithCalendarProps) {
+    t17 = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LegendList, __spreadValues({
       data: monthListWithCalendarProps,
+      drawDistance: 560,
       estimatedItemSize: 273,
+      getFixedItemSize,
       initialScrollIndex: initialMonthIndex,
       keyExtractor,
       maintainVisibleContentPosition: true,
       onEndReached: handleOnEndReached,
       onStartReached: handleOnStartReached,
+      onViewableItemsChanged: handleViewableItemsChanged,
       recycleItems: true,
       ref: legendListRef,
       renderItem: handleRenderItem,
       showsVerticalScrollIndicator: false,
       style: styles8.container
     }, flatListProps));
-    $[25] = flatListProps;
-    $[26] = handleOnEndReached;
-    $[27] = handleOnStartReached;
-    $[28] = handleRenderItem;
-    $[29] = initialMonthIndex;
-    $[30] = monthListWithCalendarProps;
-    $[31] = t15;
+    $[34] = flatListProps;
+    $[35] = getFixedItemSize;
+    $[36] = handleOnEndReached;
+    $[37] = handleOnStartReached;
+    $[38] = handleRenderItem;
+    $[39] = initialMonthIndex;
+    $[40] = monthListWithCalendarProps;
+    $[41] = t17;
   } else {
-    t15 = $[31];
+    t17 = $[41];
   }
-  return t15;
-});
+  return t17;
+}
+function _temp() {
+}
 var styles8 = import_react_native10.StyleSheet.create({
   container: {
     flex: 1