willba-component-library 0.2.26 → 0.2.27

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

@@ -4,8 +4,9 @@ type Props = {
     onSubmit: (val: any) => void;
     setToggleCalendar: (val: boolean) => void;
     noActiveSelection?: boolean;
+    toggleCalendar?: boolean;
 };
-export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActiveSelection, }: Props) => {
+export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar, noActiveSelection, toggleCalendar, }: Props) => {
     handleSubmit: () => void;
     handleClearDates: () => void;
     setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;

package/lib/index.esm.js

@@ -11414,7 +11414,7 @@ var AGE_CATEGORIES_FALLBACK = [
 var REDIRECT_URL_FALLBACK = 'http://localhost:3000/';
 
 var useFilterCalendar = function (_a) {
-    var onSubmit = _a.onSubmit, setToggleCalendar = _a.setToggleCalendar, noActiveSelection = _a.noActiveSelection;
+    var onSubmit = _a.onSubmit, setToggleCalendar = _a.setToggleCalendar, noActiveSelection = _a.noActiveSelection, toggleCalendar = _a.toggleCalendar;
     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];
@@ -11426,17 +11426,22 @@ var useFilterCalendar = function (_a) {
         var startDateParam = urlSearchParams.get('startDate');
         var endDateParam = urlSearchParams.get('endDate');
         if (startDateParam && endDateParam) {
-            noActiveSelection
-                ? setInitialCalendarRange({
+            if (noActiveSelection) {
+                console.log(startDateParam, endDateParam);
+                setCalendarRange(undefined);
+                setInitialCalendarRange({
                     from: new Date(startDateParam),
                     to: new Date(endDateParam),
-                })
-                : setCalendarRange({
+                });
+            }
+            else {
+                setCalendarRange({
                     from: new Date(startDateParam),
                     to: new Date(endDateParam),
                 });
+            }
         }
-    }, []);
+    }, [toggleCalendar]);
     var handleSubmit = function () {
         setToggleCalendar(false);
         return onSubmit(calendarRange);
@@ -11467,7 +11472,12 @@ function FilterCalendar(_a) {
     // Translations
     useUpdateTranslations({ language: language });
     var t = useTranslation().t;
-    var _b = useFilterCalendar({ onSubmit: onSubmit, setToggleCalendar: setToggleCalendar, noActiveSelection: noActiveSelection }), 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;
+    var _b = useFilterCalendar({
+        onSubmit: onSubmit,
+        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;
     // Display component after fully loaded
     useAwaitRender();
     // Handle close filter section