willba-component-library 0.2.29 → 0.2.31

package/lib/index.js

@@ -10823,7 +10823,7 @@ styleInject(css_248z$8);
 
 var Calendar = React__default.forwardRef(function (_a, ref) {
     var _b;
-    var selectedPath = _a.selectedPath, calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, language = _a.language, disableCalendarDates = _a.disableCalendarDates, requestDates = _a.requestDates, disabledDates = _a.disabledDates, setDisabledDates = _a.setDisabledDates, updateCalendar = _a.updateCalendar, setUpdateCalendar = _a.setUpdateCalendar, loadingData = _a.loadingData, initialCalendarRange = _a.initialCalendarRange, showFeedback = _a.showFeedback, palette = _a.palette;
+    var selectedPath = _a.selectedPath, calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, language = _a.language, disableCalendarDates = _a.disableCalendarDates, requestDates = _a.requestDates, disabledDates = _a.disabledDates, setDisabledDates = _a.setDisabledDates, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation = _a.setUpdateCalendarMonthNavigation, updateCalendarDefaultMoth = _a.updateCalendarDefaultMoth, loadingData = _a.loadingData, initialCalendarRange = _a.initialCalendarRange, showFeedback = _a.showFeedback, palette = _a.palette;
     // Translations
     var t = useTranslation('common').t;
     var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
@@ -10917,10 +10917,10 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
             tooltipClonesCheckOut.forEach(function (clone) { return clone.remove(); });
             tooltipClonesOverlappingDates.forEach(function (clone) { return clone.remove(); });
         };
-    }, [calendarRange, updateCalendar, overlappingDate]);
+    }, [calendarRange, updateCalendarMonthNavigation, overlappingDate]);
     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, { id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) {
+            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) {
                     return handleSelectedCheckIn({
                         range: range,
                         disableCalendarDates: disableCalendarDates,
@@ -10929,7 +10929,8 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
                         calendarRange: calendarRange,
                         overlappingDate: overlappingDate,
                     });
-                }, captionLayout: "dropdown-buttons", defaultMonth: selectedStartDate ||
+                }, 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
                         : today), disabled: disabledDatesByPage.length
@@ -10937,8 +10938,9 @@ var Calendar = React__default.forwardRef(function (_a, ref) {
                     : (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
                         ? disabledDates
                         : (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.disabledDates) || [], fromMonth: today, onMonthChange: function (val) {
-                    requestDates && setUpdateCalendar
-                        ? (requestDates(val), setUpdateCalendar(function (prev) { return !prev; }))
+                    requestDates && setUpdateCalendarMonthNavigation
+                        ? (requestDates(val),
+                            setUpdateCalendarMonthNavigation(function (prev) { return !prev; }))
                         : null;
                 }, modifiersClassNames: {
                     today: 'my-today',
@@ -10995,9 +10997,6 @@ 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;
-    (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to)
-        ? format(calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to, dateFormat)
-        : null;
     var overlappingDateFrom = (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.from)
         ? format(overlappingDate.from, dateFormat)
         : null;
@@ -11446,7 +11445,8 @@ var useFilterCalendar = function (_a) {
     var _b = __read(React__default.useState(), 2), calendarRange = _b[0], setCalendarRange = _b[1];
     var _c = __read(React__default.useState(), 2), initialCalendarRange = _c[0], setInitialCalendarRange = _c[1];
     var _d = __read(React__default.useState([]), 2), disabledDates = _d[0], setDisabledDates = _d[1];
-    var _e = __read(React__default.useState(false), 2), updateCalendar = _e[0], setUpdateCalendar = _e[1];
+    var _e = __read(React__default.useState(false), 2), updateCalendarMonthNavigation = _e[0], setUpdateCalendarMonthNavigation = _e[1];
+    var _f = __read(React__default.useState(0), 2), updateCalendarDefaultMoth = _f[0], setUpdateCalendarDefaultMoth = _f[1];
     React__default.useEffect(function () {
         if (typeof window === 'undefined')
             return;
@@ -11455,8 +11455,8 @@ var useFilterCalendar = function (_a) {
         var endDateParam = urlSearchParams.get('endDate');
         if (startDateParam && endDateParam) {
             if (noActiveSelection) {
-                console.log(startDateParam, endDateParam);
                 setCalendarRange(undefined);
+                setUpdateCalendarDefaultMoth(function (prev) { return prev + 1; });
                 setInitialCalendarRange({
                     from: new Date(startDateParam),
                     to: new Date(endDateParam),
@@ -11483,10 +11483,11 @@ var useFilterCalendar = function (_a) {
         handleClearDates: handleClearDates,
         setCalendarRange: setCalendarRange,
         setDisabledDates: setDisabledDates,
-        setUpdateCalendar: setUpdateCalendar,
+        setUpdateCalendarMonthNavigation: setUpdateCalendarMonthNavigation,
         calendarRange: calendarRange,
         disabledDates: disabledDates,
-        updateCalendar: updateCalendar,
+        updateCalendarMonthNavigation: updateCalendarMonthNavigation,
+        updateCalendarDefaultMoth: updateCalendarDefaultMoth,
         initialCalendarRange: initialCalendarRange,
     };
 };
@@ -11505,7 +11506,7 @@ function FilterCalendar(_a) {
         setToggleCalendar: setToggleCalendar,
         noActiveSelection: noActiveSelection,
         toggleCalendar: toggleCalendar,
-    }), handleSubmit = _b.handleSubmit, setCalendarRange = _b.setCalendarRange, handleClearDates = _b.handleClearDates, calendarRange = _b.calendarRange, disabledDates = _b.disabledDates, setDisabledDates = _b.setDisabledDates, updateCalendar = _b.updateCalendar, setUpdateCalendar = _b.setUpdateCalendar, initialCalendarRange = _b.initialCalendarRange;
+    }), handleSubmit = _b.handleSubmit, setCalendarRange = _b.setCalendarRange, handleClearDates = _b.handleClearDates, calendarRange = _b.calendarRange, disabledDates = _b.disabledDates, setDisabledDates = _b.setDisabledDates, updateCalendarMonthNavigation = _b.updateCalendarMonthNavigation, updateCalendarDefaultMoth = _b.updateCalendarDefaultMoth, setUpdateCalendarMonthNavigation = _b.setUpdateCalendarMonthNavigation, initialCalendarRange = _b.initialCalendarRange;
     // Display component after fully loaded
     useAwaitRender();
     // Handle close filter section
@@ -11518,7 +11519,7 @@ function FilterCalendar(_a) {
             React__default.createElement("h2", null, t('filterBar:calendar.title')),
             React__default.createElement(CloseButton, { handleClose: function () { return setToggleCalendar(false); } })),
         React__default.createElement("div", { className: "will-calendar-main" },
-            React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, calendarOffset: calendarOffset, selectedPath: '/rooms', language: language, disableCalendarDates: disableCalendarDates, requestDates: requestDates, disabledDates: disabledDates, setDisabledDates: setDisabledDates, updateCalendar: updateCalendar, setUpdateCalendar: setUpdateCalendar, loadingData: loadingData, initialCalendarRange: initialCalendarRange, showFeedback: showFeedback, noActiveSelection: noActiveSelection, palette: palette })),
+            React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, calendarOffset: calendarOffset, selectedPath: '/rooms', language: language, disableCalendarDates: disableCalendarDates, requestDates: requestDates, disabledDates: disabledDates, setDisabledDates: setDisabledDates, updateCalendarMonthNavigation: updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation: setUpdateCalendarMonthNavigation, updateCalendarDefaultMoth: updateCalendarDefaultMoth, loadingData: loadingData, initialCalendarRange: initialCalendarRange, showFeedback: showFeedback, noActiveSelection: noActiveSelection, palette: palette })),
         React__default.createElement("div", { className: "will-calendar-footer" },
             React__default.createElement("div", { className: "will-calendar-footer-dates" },
                 React__default.createElement("div", null,