willba-component-library 0.2.39 → 0.2.41

package/lib/index.umd.js

@@ -10831,20 +10831,6 @@
         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
-        React__default.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(React__default.useState(undefined), 2), overlappingDate = _c[0], setOverlappingDate = _c[1];
         React__default.useMemo(function () {
@@ -10906,6 +10892,7 @@
             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) {
@@ -10922,7 +10909,9 @@
                 });
             }
             if (loadingSpinner && calendarMonthContainer) {
-                calendarMonthContainer.appendChild(loadingSpinner);
+                var tooltipClone = loadingSpinner.cloneNode(true);
+                calendarMonthContainer.appendChild(tooltipClone);
+                tooltipClonesSpinner.push(tooltipClone);
             }
             if (calendarTooltipOverlappingDate &&
                 calendarOverlappingDate.length > 0) {
@@ -10935,6 +10924,7 @@
             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(); });
             };
         }, [
@@ -10944,6 +10934,20 @@
             initialCalendarRange,
             updateCalendarDefaultMoth,
         ]);
+        // Handle loading spinner
+        React__default.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.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) {