willba-component-library 0.2.47 → 0.2.48

package/lib/components/FilterBar/hooks/useFilterBar.d.ts

@@ -6,13 +6,15 @@ type Props = {
     ageCategories?: AgeCategoryType[];
     onSubmit?: ((val: Filters) => void) | null;
     tabs?: Tab[];
+    isLoading?: boolean;
 };
-export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs, }: Props) => {
+export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs, isLoading, }: Props) => {
     selectedFilter: string | boolean;
     ageCategoryCounts: AgeCategoryCount;
     categories: number;
     calendarRange: DateRange | undefined;
     selectedPath: string;
+    loading: boolean;
     setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
     setSelectedFilter: import("react").Dispatch<import("react").SetStateAction<string | boolean>>;
     setAgeCategoryCounts: import("react").Dispatch<import("react").SetStateAction<AgeCategoryCount>>;

package/lib/index.esm.js

@@ -11136,12 +11136,13 @@ var Pages;
 })(Pages || (Pages = {}));
 
 var useFilterBar = function (_a) {
-    var redirectUrl = _a.redirectUrl, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, tabs = _a.tabs;
+    var redirectUrl = _a.redirectUrl, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, tabs = _a.tabs, isLoading = _a.isLoading;
     var _b = __read(useState(Pages.EVENTS), 2), selectedPath = _b[0], setSelectedPath = _b[1];
     var _c = __read(useState(false), 2), selectedFilter = _c[0], setSelectedFilter = _c[1];
     var _d = __read(useState(), 2), calendarRange = _d[0], setCalendarRange = _d[1];
-    var _e = __read(useState(0), 2), categories = _e[0], setCategories = _e[1];
-    var _f = __read(useState({}), 2), ageCategoryCounts = _f[0], setAgeCategoryCounts = _f[1];
+    var _e = __read(useState(isLoading || false), 2), loading = _e[0], setLoading = _e[1];
+    var _f = __read(useState(0), 2), categories = _f[0], setCategories = _f[1];
+    var _g = __read(useState({}), 2), ageCategoryCounts = _g[0], setAgeCategoryCounts = _g[1];
     useEffect(function () {
         var urlSearchParams = new URLSearchParams(window.location.search);
         var startDateParam = urlSearchParams.get('startDate');
@@ -11233,6 +11234,7 @@ var useFilterBar = function (_a) {
             finally { if (e_2) throw e_2.error; }
         }
         handleSelectedFilter(false);
+        setLoading(true);
         return onSubmit && selectedPath === Pages.ROOMS
             ? onSubmit(newParams)
             : (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
@@ -11247,6 +11249,7 @@ var useFilterBar = function (_a) {
         categories: categories,
         calendarRange: calendarRange,
         selectedPath: selectedPath,
+        loading: loading,
         setCalendarRange: setCalendarRange,
         setSelectedFilter: setSelectedFilter,
         setAgeCategoryCounts: setAgeCategoryCounts,
@@ -11405,6 +11408,7 @@ function FilterBar(_a) {
         ageCategories: ageCategories,
         onSubmit: onSubmit,
         tabs: tabs,
+        isLoading: isLoading,
     }), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, setCalendarRange = _d.setCalendarRange, setCategories = _d.setCategories, handleSelectedFilter = _d.handleSelectedFilter, handleSubmit = _d.handleSubmit, updateGuestsCount = _d.updateGuestsCount, setSelectedPath = _d.setSelectedPath, handleResetFilters = _d.handleResetFilters;
     // Scroll in to view
     var _e = useScrollInToView({ selectedFilter: selectedFilter }), isMobile = _e.isMobile, targetFilterBarRef = _e.targetFilterBarRef;