willba-component-library 0.2.61 → 0.2.63

package/lib/index.js

@@ -11091,7 +11091,8 @@ var calendarSelectionRules = function (_a) {
     rangeContext &&
         rangeTo &&
         (checkOutRange === null || checkOutRange === void 0 ? void 0 : checkOutRange.lastCheckOut) &&
-        isAfter(rangeTo, endOfDay(checkOutRange.lastCheckOut))) {
+        isAfter(rangeTo, endOfDay(checkOutRange.lastCheckOut)) &&
+        isAfter(rangeTo, endOfDay(rangeContext.to))) {
         setCalendarHasError && setCalendarHasError(true);
         return setCalendarRange(undefined);
     }
@@ -11327,12 +11328,14 @@ var checkForContinuousSelection = function (_a) {
         ? isAfter(endOfDay(calendarRangeTo), endOfDay(rangeContextFrom)) ||
             isEqual(endOfDay(calendarRangeTo), endOfDay(rangeContextFrom))
         : null;
-    if ((rangeContext &&
-        calendarRangeFrom &&
-        !startIsEqualOrBeforeRangeContextEnd) ||
-        (rangeContext && calendarRangeTo && !endIsEqualOrAfterRangeContextStart)) {
-        setCalendarHasError && !calendarHasError && setCalendarHasError(true);
-    }
+    React__default.useEffect(function () {
+        if ((rangeContext &&
+            calendarRangeFrom &&
+            !startIsEqualOrBeforeRangeContextEnd) ||
+            (rangeContext && calendarRangeTo && !endIsEqualOrAfterRangeContextStart)) {
+            setCalendarHasError && !calendarHasError && setCalendarHasError(true);
+        }
+    });
 };
 
 var useCalendarTooltips = function (_a) {
@@ -11480,7 +11483,7 @@ var css_248z$8 = ".will-calendar-filter-container {\n  display: flex;\n  justify
 styleInject(css_248z$8);
 
 var Calendar = React__default.forwardRef(function (_a, ref) {
-    var _b, _c;
+    var _b, _c, _d;
     var selectedPath = _a.selectedPath, calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, language = _a.language, disableCalendarDates = _a.disableCalendarDates, requestDates = _a.requestDates, disabledDates = _a.disabledDates, setDisabledDates = _a.setDisabledDates, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation = _a.setUpdateCalendarMonthNavigation, updateCalendarDefaultMonth = _a.updateCalendarDefaultMonth, loadingData = _a.loadingData, showFeedback = _a.showFeedback, palette = _a.palette, setCalendarHasError = _a.setCalendarHasError, setUpdatedForSubmit = _a.setUpdatedForSubmit, rangeContext = _a.rangeContext, calendarHasError = _a.calendarHasError;
     // Translations
     var t = useTranslation('common').t;
@@ -11489,12 +11492,12 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
     var rangeContextStartDate = rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.from;
     // Handle overlapping availableDates.lastCheckOut and disabledDates.start
-    var _d = useUpdateDisabledDates({
+    var _e = useUpdateDisabledDates({
         disableCalendarDates: disableCalendarDates,
         calendarRange: calendarRange,
         updateCalendarMonthNavigation: updateCalendarMonthNavigation,
         updateCalendarDefaultMonth: updateCalendarDefaultMonth,
-    }), newDisableCalendarDates = _d.newDisableCalendarDates, overlappingDate = _d.overlappingDate;
+    }), newDisableCalendarDates = _e.newDisableCalendarDates, overlappingDate = _e.overlappingDate;
     // Handle disable dates by page
     var disabledDatesByPage$1 = disabledDatesByPage({
         today: today,
@@ -11525,11 +11528,11 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
         setUpdatedForSubmit && setUpdatedForSubmit(true);
     };
     // Handle disabled dates for range context
-    var _e = handleRangeContextDisabledDates({
+    var _f = handleRangeContextDisabledDates({
         rangeContext: rangeContext,
         availableDates: newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates,
         calendarRange: calendarRange,
-    }), findFirstPossibleRangeContextCheckIn = _e.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _e.findLastPossibleRangeContextCheckOut, firstPossibleRangeContextCheckIn = _e.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _e.lastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _e.currentSelectionLastCheckoutDate;
+    }), findFirstPossibleRangeContextCheckIn = _f.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _f.findLastPossibleRangeContextCheckOut, firstPossibleRangeContextCheckIn = _f.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _f.lastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _f.currentSelectionLastCheckoutDate;
     // Handle check for continuous selection in the range context
     checkForContinuousSelection({
         setCalendarHasError: setCalendarHasError,
@@ -11537,18 +11540,26 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
         calendarRange: calendarRange,
         calendarHasError: calendarHasError,
     });
+    // Find last possible checkout for dates
+    var lastPossibleCheckout = !!((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates) === null || _b === void 0 ? void 0 : _b.length)
+        ? newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates[newDisableCalendarDates.availableDates.length - 1].lastCheckOut
+        : null;
     return (React__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
         React__default.createElement("div", { className: "will-calendar-filter-container" },
             React__default.createElement(DayPicker, { key: updateCalendarDefaultMonth, id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) { return handleOnSelect(range); }, captionLayout: "dropdown-buttons", defaultMonth: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) ||
                     selectedStartDate ||
                     rangeContextStartDate ||
-                    (((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
+                    (((_c = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _c === void 0 ? void 0 : _c.length)
                         ? newDisableCalendarDates.disabledDates[0].from
                         : today), disabled: disabledDatesByPage$1.length
                     ? disabledDatesByPage$1
                     : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
-                        ? __spreadArray$1(__spreadArray$1(__spreadArray$1([], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((_c = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _c === void 0 ? void 0 : _c.length)
-                        ? __spreadArray$1(__spreadArray$1(__spreadArray$1([], __read(newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : [], fromMonth: today, onMonthChange: function (val) {
+                        ? __spreadArray$1(__spreadArray$1(__spreadArray$1([
+                            lastPossibleCheckout ? { after: lastPossibleCheckout } : []
+                        ], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((_d = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _d === void 0 ? void 0 : _d.length)
+                        ? __spreadArray$1(__spreadArray$1(__spreadArray$1([
+                            lastPossibleCheckout ? { after: lastPossibleCheckout } : []
+                        ], __read(newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : [], fromMonth: today, onMonthChange: function (val) {
                     requestDates && setUpdateCalendarMonthNavigation
                         ? (requestDates(val),
                             setUpdateCalendarMonthNavigation(function (prev) { return !prev; }))