willba-component-library 0.1.47 → 0.1.49

package/lib/index.umd.js

@@ -3928,9 +3928,13 @@
         FilterSections["GUESTS"] = "guests";
         FilterSections["CATEGORIES"] = "categories";
     })(FilterSections || (FilterSections = {}));
+    var ViewApply;
+    (function (ViewApply) {
+        ViewApply["ROOMS"] = "roomFilters";
+    })(ViewApply || (ViewApply = {}));
 
     var useFilterBar = function (_a) {
-        var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories;
+        var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit;
         var _b = __read(React__default.useState('/events'), 2), selectedPath = _b[0], setSelectedPath = _b[1];
         var _c = __read(React__default.useState(false), 2), selectedFilter = _c[0], setSelectedFilter = _c[1];
         var _d = __read(React__default.useState(), 2), calendarRange = _d[0], setCalendarRange = _d[1];
@@ -3988,7 +3992,7 @@
                     ? format(calendarRange.from, 'yyyy-MM-dd')
                     : '',
                 endDate: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ? format(calendarRange.to, 'yyyy-MM-dd') : '',
-                categories: categories,
+                categories: categories.toString(),
                 ageCategoryCounts: handleAgeCategoryRules({
                     ageCategoryCounts: ageCategoryCounts,
                     ageCategories: ageCategories,
@@ -4031,6 +4035,14 @@
                 var baseUrl = window.location.origin + window.location.pathname;
                 var updatedUrl = "".concat(baseUrl, "?").concat(updatedParams.toString());
                 handleSelectedFilter(false);
+                if (onSubmit) {
+                    var updatedParamsObject_1 = {};
+                    updatedParams.forEach(function (value, key) {
+                        if (value)
+                            updatedParamsObject_1[key] = value;
+                    });
+                    return onSubmit(updatedParamsObject_1);
+                }
                 return (window.location.href = updatedUrl);
             }
             else {
@@ -4051,7 +4063,9 @@
                     finally { if (e_3) throw e_3.error; }
                 }
                 handleSelectedFilter(false);
-                return (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
+                return onSubmit
+                    ? onSubmit(newParams)
+                    : (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
             }
         };
         var handleResetFilters = function () {
@@ -10695,16 +10709,21 @@
     styleInject(css_248z);
 
     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, currentViewApply = _a.currentViewApply;
+        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, currentViewApply = _a.currentViewApply, onSubmit = _a.onSubmit;
         var themePalette = useTheme({ palette: palette });
         // Translations
         useUpdateTranslations({ language: language });
         var t = useTranslation('filterBar').t;
         // Filters
-        var _d = useFilterBar({ redirectUrl: redirectUrl, currentViewApply: currentViewApply, ageCategories: ageCategories }), 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;
+        var _d = useFilterBar({
+            redirectUrl: redirectUrl,
+            currentViewApply: currentViewApply,
+            ageCategories: ageCategories,
+            onSubmit: onSubmit,
+        }), 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;
         // Default selected tab when tabs are hidden
         React__default.useEffect(function () {
-            if (currentViewApply === 'roomFilters') {
+            if (currentViewApply === ViewApply.ROOMS) {
                 setSelectedPath('/rooms');
             }
         }, []);