willba-component-library 0.0.80 → 0.0.81

package/lib/index.umd.js

@@ -7904,18 +7904,14 @@
 	styleInject(css_248z$4);
 
 	function GuestCount(_a) {
-	    var label = _a.label, updateGuestsCount = _a.updateGuestsCount;
-	    useTranslation('filterBar').t;
-	    var _b = React__default.useState(0), count = _b[0], setCount = _b[1];
+	    var label = _a.label, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
 	    var handleDecrement = function () {
-	        if (count > 0) {
-	            setCount(count - 1);
-	            updateGuestsCount(label, count - 1);
+	        if (count > minVal) {
+	            updateGuestsCount(id, count - 1);
 	        }
 	    };
 	    var handleIncrement = function () {
-	        setCount(count + 1);
-	        updateGuestsCount(label, count + 1);
+	        updateGuestsCount(id, count + 1);
 	    };
 	    return (React__default.createElement("div", { className: "will-guests-filter-inner" },
 	        React__default.createElement("span", { className: "will-guests-filter-label" }, label),
@@ -7932,12 +7928,13 @@
 	styleInject(css_248z$3);
 
 	function Guests(_a) {
-	    var ageCategories = _a.ageCategories, updateGuestsCount = _a.updateGuestsCount;
+	    var ageCategories = _a.ageCategories, updateGuestsCount = _a.updateGuestsCount, ageCategoryCounts = _a.ageCategoryCounts;
 	    var t = useTranslation('filterBar').t;
 	    return (React__default.createElement("div", { className: "will-filter-bar-guests" },
 	        React__default.createElement("h3", { className: "will-guests-filter-title" }, t('guests.title')),
 	        React__default.createElement("p", { className: "will-guests-filter-subtitle" }, t('guests.subtitle')),
-	        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, label: category.name, updateGuestsCount: updateGuestsCount })); }))));
+	        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, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts[category.id] ||
+	                category.minVal })); }))));
 	}
 
 	var css_248z$2 = ".will-filter-bar-categories {\n  text-align: center;\n}\n\n.will-categories-filter-title {\n  font-size: 16px;\n  text-transform: uppercase;\n  margin: 10px 0 30px 0;\n}\n\n.will-categories-filter-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n}\n\n.will-categories-filter-inner input {\n  cursor: pointer;\n  margin-right: 10px;\n}\n";
@@ -8013,10 +8010,10 @@
 	    var _c = React__default.useState(0), categories = _c[0], setCategories = _c[1];
 	    //
 	    var _d = React__default.useState({}), ageCategoryCounts = _d[0], setAgeCategoryCounts = _d[1];
-	    var updateGuestsCount = function (label, newCount) {
+	    var updateGuestsCount = function (id, newCount) {
 	        setAgeCategoryCounts(function (prevCounts) {
 	            var _a;
-	            return (__assign(__assign({}, prevCounts), (_a = {}, _a[label] = newCount, _a)));
+	            return (__assign(__assign({}, prevCounts), (_a = {}, _a[id] = newCount, _a)));
 	        });
 	    };
 	    //
@@ -8024,8 +8021,7 @@
 	        var urlSearchParams = new URLSearchParams(window.location.search);
 	        var startDateParam = urlSearchParams.get('startDate');
 	        var endDateParam = urlSearchParams.get('endDate');
-	        parseInt(urlSearchParams.get('guestsAdults') || '1', 10);
-	        parseInt(urlSearchParams.get('guestsKids') || '0', 10);
+	        var ageCategoryCountsParam = JSON.parse(urlSearchParams.get('ageCategoryCounts') || '{}');
 	        var parsedCategories = parseInt(urlSearchParams.get('categories') || '0', 10);
 	        if (startDateParam && endDateParam) {
 	            setCalendarRange({
@@ -8033,8 +8029,7 @@
 	                to: new Date(endDateParam),
 	            });
 	        }
-	        // setGuestsAdults(parsedGuestsAdults)
-	        // setGuestsKids(parsedGuestsKids)
+	        setAgeCategoryCounts(ageCategoryCountsParam);
 	        setCategories(parsedCategories);
 	    }, []);
 	    var handleSelectedFilter = function (id) {
@@ -10435,7 +10430,7 @@
 	        setRerenderKey(function (prevKey) { return prevKey + 1; });
 	    }, [language]);
 	    var t = useTranslation('filterBar').t;
-	    var _c = useFilterBar(), selectedFilter = _c.selectedFilter, categories = _c.categories, calendarRange = _c.calendarRange, setCalendarRange = _c.setCalendarRange, setCategories = _c.setCategories, handleSelectedFilter = _c.handleSelectedFilter, handleSubmit = _c.handleSubmit, updateGuestsCount = _c.updateGuestsCount;
+	    var _c = useFilterBar(), selectedFilter = _c.selectedFilter, ageCategoryCounts = _c.ageCategoryCounts, categories = _c.categories, calendarRange = _c.calendarRange, setCalendarRange = _c.setCalendarRange, setCategories = _c.setCategories, handleSelectedFilter = _c.handleSelectedFilter, handleSubmit = _c.handleSubmit, updateGuestsCount = _c.updateGuestsCount;
 	    return (React__default.createElement(React__default.Fragment, null,
 	        selectedFilter && (React__default.createElement("div", { className: "will-filter-bar will-filter-bar-underlay", onClick: function () {
 	                handleSelectedFilter(false);
@@ -10450,7 +10445,7 @@
 	                React__default.createElement(SubmitButton, { onClick: handleSubmit })),
 	            selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container" },
 	                (selectedFilter === 1 || selectedFilter === 2) && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange })),
-	                selectedFilter === 3 && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories })),
+	                selectedFilter === 3 && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts })),
 	                selectedFilter === 4 && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories })))))));
 	}
 	var fontWigthBold = function (input) {