willba-component-library 0.2.30 → 0.2.32

package/lib/components/FilterCalendar/hooks/useFilterCalendar.d.ts

@@ -11,10 +11,11 @@ export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActive
     handleClearDates: () => void;
     setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
     setDisabledDates: import("react").Dispatch<import("react").SetStateAction<Matcher[]>>;
-    setUpdateCalendar: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setUpdateCalendarMonthNavigation: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     calendarRange: DateRange | undefined;
     disabledDates: Matcher[];
-    updateCalendar: boolean;
+    updateCalendarMonthNavigation: boolean;
+    updateCalendarDefaultMoth: number;
     initialCalendarRange: DateRange | undefined;
 };
 export {};

package/lib/core/components/calendar/CalendarTypes.d.ts

@@ -28,11 +28,12 @@ export type CalendarTypes = {
     requestDates?: (val: Date) => void;
     disabledDates?: Matcher[];
     setDisabledDates?: (arg: Matcher[]) => void;
-    updateCalendar?: boolean;
-    setUpdateCalendar?: (arg: (prev: boolean) => boolean) => void;
     loadingData?: boolean;
     initialCalendarRange?: DateRange | undefined;
     showFeedback?: boolean;
     noActiveSelection?: boolean;
     palette?: Palette;
+    updateCalendarMonthNavigation?: boolean;
+    setUpdateCalendarMonthNavigation?: (arg: (prev: boolean) => boolean) => void;
+    updateCalendarDefaultMoth?: number;
 };

package/lib/index.d.ts

@@ -57,13 +57,14 @@ type CalendarTypes = {
     requestDates?: (val: Date) => void;
     disabledDates?: Matcher[];
     setDisabledDates?: (arg: Matcher[]) => void;
-    updateCalendar?: boolean;
-    setUpdateCalendar?: (arg: (prev: boolean) => boolean) => void;
     loadingData?: boolean;
     initialCalendarRange?: DateRange | undefined;
     showFeedback?: boolean;
     noActiveSelection?: boolean;
     palette?: Palette$1;
+    updateCalendarMonthNavigation?: boolean;
+    setUpdateCalendarMonthNavigation?: (arg: (prev: boolean) => boolean) => void;
+    updateCalendarDefaultMoth?: number;
 };
 
 type Palette = {

package/lib/index.esm.js

@@ -10803,7 +10803,7 @@ styleInject(css_248z$8);
 
 var Calendar = 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 });
@@ -10897,10 +10897,15 @@ var Calendar = forwardRef(function (_a, ref) {
             tooltipClonesCheckOut.forEach(function (clone) { return clone.remove(); });
             tooltipClonesOverlappingDates.forEach(function (clone) { return clone.remove(); });
         };
-    }, [calendarRange, updateCalendar, overlappingDate]);
+    }, [
+        calendarRange,
+        updateCalendarMonthNavigation,
+        overlappingDate,
+        initialCalendarRange,
+    ]);
     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, { id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) {
+            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,
@@ -10918,8 +10923,9 @@ var Calendar = 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',
@@ -10976,9 +10982,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;
@@ -11427,7 +11430,8 @@ var useFilterCalendar = function (_a) {
     var _b = __read(useState(), 2), calendarRange = _b[0], setCalendarRange = _b[1];
     var _c = __read(useState(), 2), initialCalendarRange = _c[0], setInitialCalendarRange = _c[1];
     var _d = __read(useState([]), 2), disabledDates = _d[0], setDisabledDates = _d[1];
-    var _e = __read(useState(false), 2), updateCalendar = _e[0], setUpdateCalendar = _e[1];
+    var _e = __read(useState(false), 2), updateCalendarMonthNavigation = _e[0], setUpdateCalendarMonthNavigation = _e[1];
+    var _f = __read(useState(0), 2), updateCalendarDefaultMoth = _f[0], setUpdateCalendarDefaultMoth = _f[1];
     useEffect(function () {
         if (typeof window === 'undefined')
             return;
@@ -11436,8 +11440,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),
@@ -11464,10 +11468,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,
     };
 };
@@ -11486,7 +11491,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
@@ -11499,7 +11504,7 @@ function FilterCalendar(_a) {
             React__default__default.createElement("h2", null, t('filterBar:calendar.title')),
             React__default__default.createElement(CloseButton, { handleClose: function () { return setToggleCalendar(false); } })),
         React__default__default.createElement("div", { className: "will-calendar-main" },
-            React__default__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__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__default.createElement("div", { className: "will-calendar-footer" },
             React__default__default.createElement("div", { className: "will-calendar-footer-dates" },
                 React__default__default.createElement("div", null,