willba-component-library 0.2.40 → 0.2.42

package/lib/index.esm.js

@@ -10809,23 +10809,9 @@ var Calendar = forwardRef(function (_a, ref) {
     var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
     var today = startOfDay(new Date());
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
-    // Handle loading spinner
-    useEffect(function () {
-        if (typeof document === 'undefined')
-            return;
-        var loadingSpinner = document.querySelector('.will-filter-bar-calendar .will-calendar-spinner');
-        if (loadingData) {
-            if (loadingSpinner)
-                loadingSpinner.style.display = 'flex';
-        }
-        else {
-            if (loadingSpinner)
-                loadingSpinner.style.display = 'none';
-        }
-    }, [loadingData, updateCalendarMonthNavigation, updateCalendarDefaultMoth]);
     // Handle overlapping availableDates.lastCheckOut and disabledDates.start
     var _c = __read(useState(undefined), 2), overlappingDate = _c[0], setOverlappingDate = _c[1];
-    useMemo(function () {
+    var newDisableCalendarDates = useMemo(function () {
         if (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.availableDates) {
             var dateFormat_1 = 'dd-MM-yyyy';
             var disabledDates_1 = disableCalendarDates.disabledDates;
@@ -10859,14 +10845,22 @@ var Calendar = forwardRef(function (_a, ref) {
                     return __spreadArray$1(__spreadArray$1([], __read(prev), false), __read(newOverlappingDates_1), false);
                 });
             }
-            disableCalendarDates.disabledDates = updatedDisabledDates;
+            var newDisableCalendarDates_1 = __assign$2(__assign$2({}, disableCalendarDates), { disabledDates: updatedDisabledDates });
+            return newDisableCalendarDates_1;
         }
-    }, [disableCalendarDates]);
+        return disableCalendarDates;
+    }, [
+        disableCalendarDates,
+        calendarRange,
+        updateCalendarMonthNavigation,
+        initialCalendarRange,
+        updateCalendarDefaultMoth,
+    ]);
     // Handle disable dates by page
     var disabledDatesByPage = handleDisabledDatesByPage({
         today: today,
         selectedPath: selectedPath,
-        disableCalendarDates: disableCalendarDates,
+        newDisableCalendarDates: newDisableCalendarDates,
     });
     // Handle tooltip
     useEffect(function () {
@@ -10884,6 +10878,7 @@ var Calendar = forwardRef(function (_a, ref) {
         var calendarOverlappingDate = document.querySelectorAll('.will-filter-bar-calendar .rdp-cell:has(.overlapping-date)');
         var tooltipClonesCheckIn = [];
         var tooltipClonesCheckOut = [];
+        var tooltipClonesSpinner = [];
         var tooltipClonesOverlappingDates = [];
         if (calendarTooltip && calendarButtons.length > 0) {
             calendarButtons.forEach(function (element) {
@@ -10900,7 +10895,9 @@ var Calendar = 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,6 +10910,7 @@ var Calendar = forwardRef(function (_a, ref) {
         return function () {
             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,12 +10920,26 @@ var Calendar = forwardRef(function (_a, ref) {
         initialCalendarRange,
         updateCalendarDefaultMoth,
     ]);
+    // Handle loading spinner
+    useEffect(function () {
+        if (typeof document === 'undefined')
+            return;
+        var loadingSpinner = document.querySelector('.will-filter-bar-calendar .rdp-months .will-calendar-spinner');
+        if (loadingData) {
+            if (loadingSpinner)
+                loadingSpinner.style.display = 'flex';
+        }
+        else {
+            if (loadingSpinner)
+                loadingSpinner.style.display = 'none';
+        }
+    }, [loadingData, updateCalendarMonthNavigation, updateCalendarDefaultMoth]);
     return (React__default__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
         React__default__default.createElement("div", { className: "will-calendar-filter-container" },
             React__default__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) {
                     return handleSelectedCheckIn({
                         range: range,
-                        disableCalendarDates: disableCalendarDates,
+                        newDisableCalendarDates: newDisableCalendarDates,
                         setCalendarRange: setCalendarRange,
                         setDisabledDates: setDisabledDates,
                         calendarRange: calendarRange,
@@ -10935,13 +10947,13 @@ var Calendar = forwardRef(function (_a, ref) {
                     });
                 }, captionLayout: "dropdown-buttons", defaultMonth: (initialCalendarRange === null || initialCalendarRange === void 0 ? void 0 : initialCalendarRange.from) ||
                     selectedStartDate ||
-                    (((_b = disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
-                        ? disableCalendarDates.disabledDates[0].from
+                    (((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
+                        ? newDisableCalendarDates.disabledDates[0].from
                         : today), disabled: disabledDatesByPage.length
                     ? disabledDatesByPage
                     : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
                         ? disabledDates
-                        : (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.disabledDates) || [], fromMonth: today, onMonthChange: function (val) {
+                        : (newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [], fromMonth: today, onMonthChange: function (val) {
                     requestDates && setUpdateCalendarMonthNavigation
                         ? (requestDates(val),
                             setUpdateCalendarMonthNavigation(function (prev) { return !prev; }))
@@ -10959,7 +10971,7 @@ var Calendar = forwardRef(function (_a, ref) {
                         ? disabledDatesByPage
                         : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
                             ? disabledDates
-                            : (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.disabledDates) || [],
+                            : (newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [],
                     disabledAfterCheckIn: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from)
                         ? [{ after: calendarRange.from }]
                         : [],
@@ -10997,7 +11009,7 @@ var Calendar = forwardRef(function (_a, ref) {
 /////////
 var handleSelectedCheckIn = function (_a) {
     var _b;
-    var range = _a.range, disableCalendarDates = _a.disableCalendarDates, setCalendarRange = _a.setCalendarRange, setDisabledDates = _a.setDisabledDates, calendarRange = _a.calendarRange, overlappingDate = _a.overlappingDate;
+    var range = _a.range, newDisableCalendarDates = _a.newDisableCalendarDates, setCalendarRange = _a.setCalendarRange, setDisabledDates = _a.setDisabledDates, calendarRange = _a.calendarRange, overlappingDate = _a.overlappingDate;
     // Calendar dates select logic
     var dateFormat = 'dd-MM-yyyy';
     var rangeFrom = (range === null || range === void 0 ? void 0 : range.from) ? format(range.from, dateFormat) : null;
@@ -11008,8 +11020,8 @@ var handleSelectedCheckIn = function (_a) {
     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) {
+    var checkOutRange = ((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates) === null || _b === void 0 ? void 0 : _b.length)
+        ? newDisableCalendarDates.availableDates.find(function (checkInDate) {
             return format(checkInDate.checkIn || 1, dateFormat) ===
                 format((range === null || range === void 0 ? void 0 : range.from) || 1, dateFormat);
         })
@@ -11019,7 +11031,7 @@ var handleSelectedCheckIn = function (_a) {
         var firstCheckOut = addDays(checkOutRange.firstCheckOut, -1);
         var noDatesRange = format(checkIn, dateFormat) ===
             format(checkOutRange.firstCheckOut, dateFormat);
-        setDisabledDates(__spreadArray$1(__spreadArray$1([], __read(((disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.disabledDates) || [])), false), [
+        setDisabledDates(__spreadArray$1(__spreadArray$1([], __read(((newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [])), false), [
             {
                 from: noDatesRange ? undefined : checkIn,
                 to: noDatesRange ? undefined : firstCheckOut,
@@ -11045,10 +11057,10 @@ var handleSelectedCheckIn = function (_a) {
 };
 var handleDisabledDatesByPage = function (_a) {
     var _b, _c, _d;
-    var disableCalendarDates = _a.disableCalendarDates, selectedPath = _a.selectedPath, today = _a.today;
-    var daysToOffsetCalendar = (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.disabledDatesByPage) && selectedPath
+    var newDisableCalendarDates = _a.newDisableCalendarDates, selectedPath = _a.selectedPath, today = _a.today;
+    var daysToOffsetCalendar = (newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDatesByPage) && selectedPath
         ? [
-            (_b = disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.disabledDatesByPage) === null || _b === void 0 ? void 0 : _b.find(function (item) { return selectedPath === item.page; }),
+            (_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDatesByPage) === null || _b === void 0 ? void 0 : _b.find(function (item) { return selectedPath === item.page; }),
         ]
         : [];
     return daysToOffsetCalendar.length
@@ -11463,7 +11475,7 @@ var useFilterCalendar = function (_a) {
         var endDateParam = urlSearchParams.get('endDate');
         if (startDateParam && endDateParam) {
             if (noActiveSelection) {
-                setCalendarRange(undefined);
+                handleClearDates();
                 setUpdateCalendarDefaultMoth(function (prev) { return prev + 1; });
                 setInitialCalendarRange({
                     from: new Date(startDateParam),