willba-component-library 0.1.43 → 0.1.45

package/lib/index.umd.js

@@ -4076,9 +4076,6 @@
             ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (a) {
                 if (a.minVal) {
                     // Age categories rules
-                    Object.entries(ageCategoryCounts).reduce(function (acc, c) {
-                        return acc + c[1];
-                    }, 0);
                     var ageCategory = ageCategoryCounts["guests-".concat(a.id)];
                     if (!ageCategory) {
                         ageCategoryCounts["guests-".concat(a.id)] = a.minVal;
@@ -6622,6 +6619,11 @@
 
     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 && minVal > count) {
+                updateGuestsCount("guests-".concat(id), minVal);
+            }
+        }, []);
         var handleDecrement = function () {
             if (count > minVal) {
                 updateGuestsCount("guests-".concat(id), count - 1);
@@ -6633,13 +6635,10 @@
         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 <= minVal ? true : false, style: {
-                        cursor: minVal && count <= minVal
-                            ? 'initial'
-                            : !minVal && count < 1
-                                ? 'initial'
-                                : 'pointer',
+                React__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleDecrement, disabled: (minVal && count <= minVal) || !count ? true : false, style: {
+                        cursor: (minVal && count <= minVal) || !count ? 'initial' : 'pointer',
                         paddingBottom: '4px',
+                        opacity: (minVal && count <= minVal) || !count ? 0.4 : 1,
                     } }, "-"),
                 React__default.createElement("span", { className: "will-guests-filter-count" }, count),
                 React__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleIncrement }, "+"))));
@@ -10633,6 +10632,10 @@
     var Calendar = React__default.forwardRef(function (_a, ref) {
         var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange;
         var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
+        React__default.useEffect(function () {
+            if (!calendarRange)
+                setCalendarRange(undefined);
+        }, []);
         var today = startOfDay(new Date());
         var disabledDays = [
             {
@@ -10640,19 +10643,14 @@
                 to: addDays(today, -50),
             },
         ];
-        React__default.useEffect(function () {
-            if (!calendarRange)
-                setCalendarRange(undefined);
-        }, []);
+        var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
         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
-                    numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
+                React__default.createElement(DayPicker, { id: "will-calendar", mode: "range", numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
                         today: 'my-today',
                     }, modifiersStyles: {
                         disabled: { opacity: '0.2' },
-                    }, captionLayout: "dropdown-buttons", defaultMonth: today, disabled: disabledDays, fromMonth: today }))));
+                    }, captionLayout: "dropdown-buttons", defaultMonth: selectedStartDate || today, disabled: disabledDays, fromMonth: today }))));
     });
 
     var css_248z$2 = ".will-filter-bar-divider {\n  width: 1px;\n  margin: 0 10px;\n  background-color: #384265;\n}\n\n@media (max-width: 960px) {\n  .will-filter-bar-divider {\n    width: auto;\n    margin: 0 10px;\n    height: 1px;\n    background-color: #384265;\n  }\n}";