willba-component-library 0.1.23 → 0.1.25

package/lib/index.umd.js

@@ -7945,11 +7945,11 @@
 	    var label = _a.label, sortOrder = _a.sortOrder, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
 	    var handleDecrement = function () {
 	        if (count > minVal) {
-	            updateGuestsCount(id, count - 1);
+	            updateGuestsCount("guests-".concat(id), count - 1);
 	        }
 	    };
 	    var handleIncrement = function () {
-	        updateGuestsCount(id, count + 1);
+	        updateGuestsCount("guests-".concat(id), count + 1);
 	    };
 	    return (React__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
 	        React__default.createElement("p", { className: "will-guests-filter-label" }, label),
@@ -7973,8 +7973,7 @@
 	    var ageCategories = _a.ageCategories, updateGuestsCount = _a.updateGuestsCount, ageCategoryCounts = _a.ageCategoryCounts;
 	    return (React__default.createElement("div", { className: "will-filter-bar-guests" },
 	        React__default.createElement("h3", { className: "will-guests-filter-title" }, "Who's coming?"),
-	        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[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)] || category.minVal })); }))));
 	}
 
 	var css_248z$4 = ".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";
@@ -8051,9 +8050,10 @@
 	    var _e = React__default.useState(0), categories = _e[0], setCategories = _e[1];
 	    var _f = React__default.useState({}), ageCategoryCounts = _f[0], setAgeCategoryCounts = _f[1];
 	    var updateGuestsCount = function (id, newCount) {
+	        console.log(ageCategoryCounts);
 	        setAgeCategoryCounts(function (prevCounts) {
 	            var _a;
-	            return (__assign(__assign({}, prevCounts), (_a = {}, _a["guests-".concat(id)] = newCount, _a)));
+	            return (__assign(__assign({}, prevCounts), (_a = {}, _a[id] = newCount, _a)));
 	        });
 	    };
 	    React__default.useEffect(function () {
@@ -10545,8 +10545,9 @@
 	                React__default.createElement(SubmitButton, { label: t('tabs.rooms'), onClick: function () { return setSelectedPath('/rooms'); }, active: selectedPath === '/rooms' })),
 	            React__default.createElement("div", { className: "will-filter-bar-header" },
 	                React__default.createElement(SelectButton, { label: 'When', description: 'Add Check-in and -out', onClick: function () { return handleSelectedFilter(1); }, style: fontWeightBold(selectedFilter === 1) }),
-	                React__default.createElement(Divider, null),
-	                React__default.createElement(SelectButton, { label: 'Who', description: 'Add Guests', onClick: function () { return handleSelectedFilter(2); }, style: fontWeightBold(selectedFilter === 2) }),
+	                selectedPath === '/rooms' && (React__default.createElement(React__default.Fragment, null,
+	                    React__default.createElement(Divider, null),
+	                    React__default.createElement(SelectButton, { label: 'Who', description: 'Add Guests', onClick: function () { return handleSelectedFilter(2); }, style: fontWeightBold(selectedFilter === 2) }))),
 	                React__default.createElement(SubmitButton$1, { onClick: handleSubmit })),
 	            selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container" },
 	                React__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),