willba-component-library 0.2.31 → 0.2.33

package/lib/index.umd.js

@@ -10858,7 +10858,12 @@
                 var updatedDisabledDates = (_b = disableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.map(function (dateRange) {
                     var formattedFromDate = format(dateRange.from, dateFormat_1);
                     if (availableDateMap_1.has(formattedFromDate)) {
-                        setOverlappingDate(dateRange);
+                        if (!overlappingDate) {
+                            setOverlappingDate([dateRange]);
+                        }
+                        else {
+                            setOverlappingDate(__spreadArray$1(__spreadArray$1([], __read(overlappingDate), false), [dateRange], false));
+                        }
                         return __assign$2(__assign$2({}, dateRange), { from: addDays(dateRange.from, 1) });
                     }
                     return dateRange;
@@ -10886,14 +10891,15 @@
             var calendarButtonsCheckOut = document.querySelectorAll('.will-filter-bar-calendar .rdp-cell:has(.booked.disabled-after-check-in)');
             var calendarMonthContainer = document.querySelector('.will-filter-bar-calendar .rdp-months');
             var calendarOverlappingDate = document.querySelectorAll('.will-filter-bar-calendar .rdp-cell:has(.overlapping-date)');
-            var tooltipClones = [];
+            var tooltipClonesCheckIn = [];
             var tooltipClonesCheckOut = [];
+            var tooltipClonesSpinner = [];
             var tooltipClonesOverlappingDates = [];
             if (calendarTooltip && calendarButtons.length > 0) {
                 calendarButtons.forEach(function (element) {
                     var tooltipClone = calendarTooltip.cloneNode(true);
                     element.appendChild(tooltipClone);
-                    tooltipClones.push(tooltipClone);
+                    tooltipClonesCheckIn.push(tooltipClone);
                 });
             }
             if (calendarTooltipCheckOut && calendarButtonsCheckOut.length > 0) {
@@ -10904,7 +10910,9 @@
                 });
             }
             if (loadingSpinner && calendarMonthContainer) {
-                calendarMonthContainer.appendChild(loadingSpinner);
+                var tooltipClone = loadingSpinner.cloneNode(true);
+                calendarMonthContainer.appendChild(tooltipClone);
+                tooltipClonesSpinner.push(tooltipClone);
             }
             if (calendarTooltipOverlappingDate &&
                 calendarOverlappingDate.length > 0) {
@@ -10915,11 +10923,18 @@
                 });
             }
             return function () {
-                tooltipClones.forEach(function (clone) { return clone.remove(); });
+                tooltipClonesCheckIn.forEach(function (clone) { return clone.remove(); });
                 tooltipClonesCheckOut.forEach(function (clone) { return clone.remove(); });
+                tooltipClonesSpinner.forEach(function (clone) { return clone.remove(); });
                 tooltipClonesOverlappingDates.forEach(function (clone) { return clone.remove(); });
             };
-        }, [calendarRange, updateCalendarMonthNavigation, overlappingDate]);
+        }, [
+            calendarRange,
+            updateCalendarMonthNavigation,
+            overlappingDate,
+            initialCalendarRange,
+            updateCalendarDefaultMoth,
+        ]);
         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: updateCalendarDefaultMoth, id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) {
@@ -10977,7 +10992,11 @@
                         noActiveSelectionEnd: !calendarRange
                             ? (initialCalendarRange === null || initialCalendarRange === void 0 ? void 0 : initialCalendarRange.to) || []
                             : [],
-                        overlappingDate: (!(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) && (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.from)) || [],
+                        overlappingDate: (!(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) &&
+                            (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.map(function (item) { return ({
+                                from: item.from,
+                            }); }))) ||
+                            [],
                     } }),
                 React__default.createElement("div", { className: 'will-calendar-tooltip' },
                     React__default.createElement("div", null, t('noCheckIn'))),
@@ -10999,8 +11018,11 @@
         var calendarFrom = (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from)
             ? format(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from, dateFormat)
             : null;
-        var overlappingDateFrom = (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.from)
-            ? format(overlappingDate.from, dateFormat)
+        // const overlappingDateFrom = overlappingDate?.from
+        //   ? format(overlappingDate.from, dateFormat)
+        //   : null
+        var overlappingDateFrom = (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.length)
+            ? overlappingDate.find(function (date) { return format(date.from || 1, dateFormat) === rangeFrom; })
             : null;
         var checkOutRange = ((_b = disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.availableDates) === null || _b === void 0 ? void 0 : _b.length)
             ? disableCalendarDates.availableDates.find(function (checkInDate) {
@@ -11023,7 +11045,8 @@
         }
         if ((rangeTo && rangeFrom && rangeFrom === rangeTo) ||
             (!rangeTo && !rangeFrom) ||
-            rangeFrom === overlappingDateFrom) {
+            // rangeFrom === overlappingDateFrom
+            overlappingDateFrom) {
             setCalendarRange(undefined);
             setDisabledDates && setDisabledDates([]);
         }