willba-component-library 0.1.30 → 0.1.32

package/lib/index.esm.js

@@ -7983,6 +7983,10 @@ styleInject(css_248z$6);
 
 function GuestCount(_a) {
     var label = _a.label, sortOrder = _a.sortOrder, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
+    useEffect(function () {
+        if (minVal)
+            updateGuestsCount("guests-".concat(id), minVal);
+    }, []);
     var handleDecrement = function () {
         if (count > minVal) {
             updateGuestsCount("guests-".concat(id), count - 1);
@@ -8011,8 +8015,9 @@ styleInject(css_248z$5);
 
 function Guests(_a) {
     var ageCategories = _a.ageCategories, updateGuestsCount = _a.updateGuestsCount, ageCategoryCounts = _a.ageCategoryCounts;
+    var t = useTranslation('filterBar').t;
     return (React__default__default.createElement("div", { className: "will-filter-bar-guests" },
-        React__default__default.createElement("h3", { className: "will-guests-filter-title" }, "Who's coming?"),
+        React__default__default.createElement("h3", { className: "will-guests-filter-title" }, t('guests.title')),
         React__default__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default__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 })); }))));
 }
 
@@ -8124,7 +8129,6 @@ function useFilterBar(_a) {
             var currentSearchParams = new URLSearchParams(window.location.search);
             var updatedParams = new URLSearchParams();
             try {
-                // Copy existing parameters to updatedParams
                 for (var _d = __values(currentSearchParams.entries()), _e = _d.next(); !_e.done; _e = _d.next()) {
                     var _f = __read(_e.value, 2), key = _f[0], value = _f[1];
                     updatedParams.append(key, value);
@@ -8138,15 +8142,12 @@ function useFilterBar(_a) {
                 finally { if (e_1) throw e_1.error; }
             }
             try {
-                // Update parameters based on newParams
                 for (var _g = __values(Object.entries(newParams)), _h = _g.next(); !_h.done; _h = _g.next()) {
                     var _j = __read(_h.value, 2), key = _j[0], value = _j[1];
                     if (value) {
-                        console.log(value);
                         updatedParams.set(key, value.toString());
                     }
                     else {
-                        // Remove parameter if value is falsy
                         updatedParams.delete(key);
                     }
                 }
@@ -8158,10 +8159,9 @@ function useFilterBar(_a) {
                 }
                 finally { if (e_2) throw e_2.error; }
             }
-            console.log(updatedParams.toString());
             var baseUrl = window.location.origin + window.location.pathname;
-            // Construct the updated URL with the modified query parameters
             var updatedUrl = "".concat(baseUrl, "?").concat(updatedParams.toString());
+            handleSelectedFilter(false);
             return (window.location.href = updatedUrl);
         }
         else {
@@ -8181,6 +8181,7 @@ function useFilterBar(_a) {
                 }
                 finally { if (e_3) throw e_3.error; }
             }
+            handleSelectedFilter(false);
             return (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
         }
     };
@@ -10486,14 +10487,16 @@ instance.loadNamespaces;
 instance.loadLanguages;
 
 var calendar$1 = {
+	label: "When",
+	labelPlaceholder: "Add check-in and check-out",
 	startDate: "Start date",
 	endDate: "End date",
 	title: "Calendar"
 };
 var guests$1 = {
-	label: "Guests",
-	title: "Guests",
-	subtitle: "Who's coming?",
+	label: "Who",
+	labelPlaceholder: "Add guests",
+	title: "Who's coming?",
 	adultsLabel: "Adults",
 	kidsLabel: "kids"
 };
@@ -10517,14 +10520,16 @@ var enFilterBar = {
 };
 
 var calendar = {
+	label: "Milloin",
+	labelPlaceholder: "Lisää check-in ja check-out",
 	startDate: "Alku",
 	endDate: "Loppu",
 	title: "Kalenteri"
 };
 var guests = {
-	label: "Vieraat",
-	title: "Vieraat",
-	subtitle: "Kuka saapuu?",
+	label: "Kuka",
+	labelPlaceholder: "Lisää vieraat",
+	title: "Ketkä ovat tulossa?",
 	adultsLabel: "Aikuiset",
 	kidsLabel: "lapset"
 };
@@ -10626,10 +10631,10 @@ function FilterBar(_a) {
                 React__default__default.createElement(SubmitButton, { label: t('tabs.events'), onClick: function () { return setSelectedPath('/events'); }, active: selectedPath === '/events' }),
                 React__default__default.createElement(SubmitButton, { label: t('tabs.rooms'), onClick: function () { return setSelectedPath('/rooms'); }, active: selectedPath === '/rooms' }))),
             React__default__default.createElement("div", { className: "will-filter-bar-header" },
-                React__default__default.createElement(SelectButton, { label: 'When', description: 'Add Check-in and -out', onClick: function () { return handleSelectedFilter(1); }, style: fontWeightBold(selectedFilter === 1) }),
+                React__default__default.createElement(SelectButton, { label: t('calendar.label'), description: t('calendar.labelPlaceholder'), onClick: function () { return handleSelectedFilter(1); }, style: fontWeightBold(selectedFilter === 1) }),
                 selectedPath === '/rooms' && (React__default__default.createElement(React__default__default.Fragment, null,
                     React__default__default.createElement(Divider, null),
-                    React__default__default.createElement(SelectButton, { label: 'Who', description: 'Add Guests', onClick: function () { return handleSelectedFilter(2); }, style: fontWeightBold(selectedFilter === 2) }))),
+                    React__default__default.createElement(SelectButton, { label: t('guests.label'), description: t('guests.labelPlaceholder'), onClick: function () { return handleSelectedFilter(2); }, style: fontWeightBold(selectedFilter === 2) }))),
                 React__default__default.createElement(SubmitButton$1, { onClick: handleSubmit })),
             selectedFilter && (React__default__default.createElement("div", { className: "will-filter-bar-container", style: currentViewApply && !isMobile ? { top: 66 } : {} },
                 React__default__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),