willba-component-library 0.2.26 → 0.2.28

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

@@ -10795,7 +10795,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;
+    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; _a.updateCalendar; var setUpdateCalendar = _a.setUpdateCalendar, loadingData = _a.loadingData, initialCalendarRange = _a.initialCalendarRange, showFeedback = _a.showFeedback;
     // Translations
     var t = useTranslation('common').t;
     var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
@@ -10881,16 +10881,16 @@ var Calendar = forwardRef(function (_a, ref) {
             calendarOverlappingDate.appendChild(calendarTooltipOverlappingDate);
         }
         else if (calendarRange && appendedOverlappingDateTooltip) {
-            appendedOverlappingDateTooltip.style.visibility = 'hidden';
+            appendedOverlappingDateTooltip.style.display = 'none';
         }
         else if (!calendarRange && appendedOverlappingDateTooltip) {
-            appendedOverlappingDateTooltip.style.visibility = 'visible';
+            appendedOverlappingDateTooltip.style.display = 'block';
         }
         return function () {
             tooltipClones.forEach(function (clone) { return clone.remove(); });
             tooltipClonesCheckOut.forEach(function (clone) { return clone.remove(); });
         };
-    }, [calendarRange, updateCalendar, overlappingDate]);
+    }, [calendarRange, overlappingDate]);
     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) {
@@ -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