willba-component-library 0.2.98 → 0.2.99

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

@@ -2,4 +2,4 @@ import React from 'react';
 import '../../themes/Default.css';
 import { FilterBarTypes } from './FilterBarTypes';
 import './FilterBar.css';
-export default function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, disableCalendarDates, mode, tabs, outerLoading, siteId, }: FilterBarTypes): React.JSX.Element;
+export default function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, disableCalendarDates, mode, tabs, outerLoading, siteIds, }: FilterBarTypes): React.JSX.Element;

package/lib/components/FilterBar/FilterBarTypes.d.ts

@@ -11,7 +11,7 @@ export type FilterBarTypes = {
     mode?: string;
     tabs?: Tab[];
     outerLoading?: boolean;
-    siteId?: string;
+    siteIds?: string[];
 };
 export type AgeCategoryCount = {
     [categoryId: string]: number;

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

@@ -6,9 +6,9 @@ type Props = {
     ageCategories?: AgeCategoryType[];
     onSubmit?: ((val: Filters) => void) | null;
     tabs?: Tab[];
-    siteId?: string;
+    siteIds?: string[];
 };
-export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs, siteId, }: Props) => {
+export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs, siteIds, }: Props) => {
     selectedFilter: string | boolean;
     ageCategoryCounts: AgeCategoryCount;
     categories: number;

package/lib/index.d.ts

@@ -90,7 +90,7 @@ type FilterBarTypes = {
     mode?: string;
     tabs?: Tab[];
     outerLoading?: boolean;
-    siteId?: string;
+    siteIds?: string[];
 };
 type AgeCategoryType = {
     id: string;
@@ -113,7 +113,7 @@ type Tab = {
     label?: Translations;
 };
 
-declare function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, disableCalendarDates, mode, tabs, outerLoading, siteId, }: FilterBarTypes): React.JSX.Element;
+declare function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, disableCalendarDates, mode, tabs, outerLoading, siteIds, }: FilterBarTypes): React.JSX.Element;
 
 interface FilterCalendarTypes extends Partial<CalendarTypes> {
     palette: Palette;

package/lib/index.esm.js

@@ -11655,7 +11655,7 @@ var Pages;
 })(Pages || (Pages = {}));
 
 var useFilterBar = function (_a) {
-    var redirectUrl = _a.redirectUrl, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, tabs = _a.tabs, siteId = _a.siteId;
+    var redirectUrl = _a.redirectUrl, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, tabs = _a.tabs, siteIds = _a.siteIds;
     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];
@@ -11747,14 +11747,16 @@ var useFilterBar = function (_a) {
             onSubmit(newParams);
         }
         else {
-            var siteIdParam = siteId ? "siteId=".concat(siteId) : '';
-            var querySearchParam = querySearchParams
-                ? querySearchParams.toString()
-                : '';
-            var params = [siteIdParam, querySearchParam].filter(Boolean).join('&');
+            var params_1 = new URLSearchParams(querySearchParams !== null && querySearchParams !== void 0 ? querySearchParams : undefined);
+            if (siteIds) {
+                siteIds.forEach(function (id) {
+                    params_1.append('siteId', id);
+                });
+            }
+            var paramString = params_1.toString();
             var path = "".concat(redirectUrl).concat(selectedPath);
             setInnerLoading(true);
-            window.location.href = params ? "".concat(path, "?").concat(params) : path;
+            window.location.href = paramString ? "".concat(path, "?").concat(paramString) : path;
         }
     };
     var handleResetFilters = function () {
@@ -11919,7 +11921,7 @@ var css_248z$1 = ".will-root {\n  z-index: 999;\n  width: fit-content;\n  min-wi
 styleInject(css_248z$1);
 
 function FilterBar(_a) {
-    var language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ? AGE_CATEGORIES_FALLBACK : _b, _c = _a.redirectUrl, redirectUrl = _c === void 0 ? REDIRECT_URL_FALLBACK : _c, palette = _a.palette, onSubmit = _a.onSubmit, fullWidth = _a.fullWidth, disableCalendarDates = _a.disableCalendarDates, mode = _a.mode, tabs = _a.tabs, outerLoading = _a.outerLoading, siteId = _a.siteId;
+    var language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ? AGE_CATEGORIES_FALLBACK : _b, _c = _a.redirectUrl, redirectUrl = _c === void 0 ? REDIRECT_URL_FALLBACK : _c, palette = _a.palette, onSubmit = _a.onSubmit, fullWidth = _a.fullWidth, disableCalendarDates = _a.disableCalendarDates, mode = _a.mode, tabs = _a.tabs, outerLoading = _a.outerLoading, siteIds = _a.siteIds;
     var themePalette = useTheme({ palette: palette });
     // Translations
     useUpdateTranslations({ language: language });
@@ -11930,7 +11932,7 @@ function FilterBar(_a) {
         ageCategories: ageCategories,
         onSubmit: onSubmit,
         tabs: tabs,
-        siteId: siteId,
+        siteIds: siteIds,
     }), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, innerLoading = _d.innerLoading, 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;