willba-component-library 0.1.41 → 0.1.42

package/lib/index.umd.js

@@ -3923,7 +3923,7 @@
     };
 
     var useFilterBar = function (_a) {
-        var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply;
+        var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories;
         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];
@@ -3945,6 +3945,7 @@
             setCategories(parsedCategories);
         }, []);
         React__default.useEffect(function () {
+            // Handle hide scroll bar on mobile
             if (typeof window === 'undefined')
                 return;
             document.body.style.overflow =
@@ -3954,15 +3955,15 @@
             };
         }, [selectedFilter]);
         React__default.useEffect(function () {
-            if (typeof window !== 'undefined') {
-                // Handle default selected tab
-                var currentPath = window.location.pathname.includes('/events')
-                    ? '/events'
-                    : window.location.pathname.includes('/rooms')
-                        ? '/rooms'
-                        : '/events';
-                setSelectedPath(currentPath);
-            }
+            // Handle default selected tab
+            if (typeof window === 'undefined')
+                return;
+            var currentPath = window.location.pathname.includes('/events')
+                ? '/events'
+                : window.location.pathname.includes('/rooms')
+                    ? '/rooms'
+                    : '/events';
+            setSelectedPath(currentPath);
         }, []);
         var updateGuestsCount = function (id, newCount) {
             setAgeCategoryCounts(function (prevCounts) {
@@ -3981,9 +3982,10 @@
                     : '',
                 endDate: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ? format(calendarRange.to, 'yyyy-MM-dd') : '',
                 categories: categories,
-                ageCategoryCounts: Object.entries(ageCategoryCounts).length
-                    ? JSON.stringify(ageCategoryCounts)
-                    : '',
+                ageCategoryCounts: handleAgeCategoryRules({
+                    ageCategoryCounts: ageCategoryCounts,
+                    ageCategories: ageCategories,
+                }),
             };
             if (currentViewApply) {
                 var currentSearchParams = new URLSearchParams(window.location.search);
@@ -4067,6 +4069,31 @@
             setSelectedPath: setSelectedPath,
         };
     };
+    ////////////
+    var handleAgeCategoryRules = function (_a) {
+        var ageCategoryCounts = _a.ageCategoryCounts, ageCategories = _a.ageCategories;
+        if (ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.length) {
+            ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (a) {
+                if (a.minVal) {
+                    // Age categories rules
+                    var totalAgeCategories = Object.entries(ageCategoryCounts).reduce(function (acc, c) {
+                        return acc + c[1];
+                    }, 0);
+                    var ageCategory = ageCategoryCounts["guests-".concat(a.id)];
+                    if (!totalAgeCategories ||
+                        (totalAgeCategories === 1 && ageCategory === 1)) {
+                        ageCategoryCounts["guests-".concat(a.id)] = 2;
+                    }
+                    else if (totalAgeCategories > 1 && !ageCategory) {
+                        ageCategoryCounts["guests-".concat(a.id)] = a.minVal;
+                    }
+                }
+            });
+        }
+        return Object.entries(ageCategoryCounts).length
+            ? JSON.stringify(ageCategoryCounts)
+            : '';
+    };
 
     var useScrollInToView = function (_a) {
         var selectedFilter = _a.selectedFilter;
@@ -6599,10 +6626,6 @@
 
     function GuestCount(_a) {
         var label = _a.label, sortOrder = _a.sortOrder, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
-        React__default.useEffect(function () {
-            if (minVal)
-                updateGuestsCount("guests-".concat(id), minVal);
-        }, []);
         var handleDecrement = function () {
             if (count > minVal) {
                 updateGuestsCount("guests-".concat(id), count - 1);
@@ -6614,8 +6637,8 @@
         return (React__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
             React__default.createElement("p", { className: "will-guests-filter-label" }, label),
             React__default.createElement("div", { className: "will-guests-filter-counter" },
-                React__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleDecrement, disabled: minVal && count < 2 ? true : false, style: {
-                        cursor: minVal && count < 2
+                React__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleDecrement, disabled: minVal && count <= minVal ? true : false, style: {
+                        cursor: minVal && count <= minVal
                             ? 'initial'
                             : !minVal && count < 1
                                 ? 'initial'
@@ -6634,7 +6657,7 @@
         var t = useTranslation('filterBar').t;
         return (React__default.createElement("div", { className: "will-filter-bar-guests", ref: ref },
             React__default.createElement("h3", { className: "will-guests-filter-title" }, t('guests.title')),
-            React__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default.createElement(GuestCount, { key: category.id, id: parseInt(category.id), label: category.name, minVal: category.minVal, sortOrder: category.sortOrder, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts["guests-".concat(category.id)] || category.minVal })); }))));
+            React__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default.createElement(GuestCount, { key: category.id, id: parseInt(category.id), label: category.name, minVal: category.minVal, sortOrder: category.sortOrder, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts["guests-".concat(category.id)] || 0 })); }))));
     });
 
     /******************************************************************************
@@ -10627,7 +10650,9 @@
         }, []);
         return (React__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
             React__default.createElement("div", { className: "will-calendar-filter-container" },
-                React__default.createElement(DayPicker, { id: "will-calendar", mode: "range", showOutsideDays: true, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
+                React__default.createElement(DayPicker, { id: "will-calendar", mode: "range", 
+                    //showOutsideDays
+                    numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
                         today: 'my-today',
                     }, modifiersStyles: {
                         disabled: { opacity: '0.2' },
@@ -10675,7 +10700,7 @@
         useUpdateTranslations({ language: language });
         var t = useTranslation('filterBar').t;
         // Filters
-        var _d = useFilterBar({ redirectUrl: redirectUrl, currentViewApply: currentViewApply }), 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 }), 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
         React__default.useEffect(function () {
             if (currentViewApply === 'roomFilters') {