willba-component-library 0.1.47 → 0.1.48

package/lib/index.js

@@ -3926,9 +3926,13 @@ var FilterSections;
     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];
@@ -4029,6 +4033,14 @@ var useFilterBar = function (_a) {
             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) {
+                    updatedParamsObject_1[key] = value;
+                });
+                console.log('sdasdasdsad', updatedParamsObject_1);
+                return onSubmit(updatedParamsObject_1);
+            }
             return (window.location.href = updatedUrl);
         }
         else {
@@ -4049,7 +4061,9 @@ var useFilterBar = function (_a) {
                 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 () {
@@ -10693,16 +10707,21 @@ var css_248z = ".will-root {\n  z-index: 999;\n  width: 100%;\n  max-height: 100
 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');
         }
     }, []);