willba-component-library 0.2.39 → 0.2.41

package/lib/index.esm.js

@@ -10809,20 +10809,6 @@ 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]);
     // Handle overlapping availableDates.lastCheckOut and disabledDates.start
     var _c = __read(useState(undefined), 2), overlappingDate = _c[0], setOverlappingDate = _c[1];
     useMemo(function () {
@@ -10884,6 +10870,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 +10887,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 +10902,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,6 +10912,20 @@ 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) {