willba-component-library 0.2.32 → 0.2.33

package/lib/index.js

@@ -10856,7 +10856,12 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
             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;
@@ -10884,14 +10889,15 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
         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) {
@@ -10902,7 +10908,9 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
             });
         }
         if (loadingSpinner && calendarMonthContainer) {
-            calendarMonthContainer.appendChild(loadingSpinner);
+            var tooltipClone = loadingSpinner.cloneNode(true);
+            calendarMonthContainer.appendChild(tooltipClone);
+            tooltipClonesSpinner.push(tooltipClone);
         }
         if (calendarTooltipOverlappingDate &&
             calendarOverlappingDate.length > 0) {
@@ -10913,8 +10921,9 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
             });
         }
         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(); });
         };
     }, [
@@ -10922,6 +10931,7 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
         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" },
@@ -10980,7 +10990,11 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
                     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'))),
@@ -11002,8 +11016,11 @@ var handleSelectedCheckIn = function (_a) {
     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) {
@@ -11026,7 +11043,8 @@ var handleSelectedCheckIn = function (_a) {
     }
     if ((rangeTo && rangeFrom && rangeFrom === rangeTo) ||
         (!rangeTo && !rangeFrom) ||
-        rangeFrom === overlappingDateFrom) {
+        // rangeFrom === overlappingDateFrom
+        overlappingDateFrom) {
         setCalendarRange(undefined);
         setDisabledDates && setDisabledDates([]);
     }