willba-component-library 0.1.30 → 0.1.32

package/lib/index.umd.js

@@ -8005,6 +8005,10 @@
 
     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);
@@ -8033,8 +8037,9 @@
 
     function Guests(_a) {
         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" }, "Who's coming?"),
+            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 })); }))));
     }
 
@@ -8146,7 +8151,6 @@
                 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);
@@ -8160,15 +8164,12 @@
                     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);
                         }
                     }
@@ -8180,10 +8181,9 @@
                     }
                     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 {
@@ -8203,6 +8203,7 @@
                     }
                     finally { if (e_3) throw e_3.error; }
                 }
+                handleSelectedFilter(false);
                 return (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
             }
         };
@@ -10508,14 +10509,16 @@
     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"
     };
@@ -10539,14 +10542,16 @@
     };
 
     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"
     };
@@ -10648,10 +10653,10 @@
                     React__default.createElement(SubmitButton, { label: t('tabs.events'), onClick: function () { return setSelectedPath('/events'); }, active: selectedPath === '/events' }),
                     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(SelectButton, { label: t('calendar.label'), description: t('calendar.labelPlaceholder'), onClick: function () { return handleSelectedFilter(1); }, style: fontWeightBold(selectedFilter === 1) }),
                     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(SelectButton, { label: t('guests.label'), description: t('guests.labelPlaceholder'), 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", style: currentViewApply && !isMobile ? { top: 66 } : {} },
                     React__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),