willba-component-library 0.1.43 → 0.1.44

package/lib/index.esm.js

@@ -3901,7 +3901,7 @@ var parseGuests = function (_a) {
 };
 
 var useFilterBar = function (_a) {
-    var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories;
+    var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply; _a.ageCategories;
     var _b = __read(useState('/events'), 2), selectedPath = _b[0], setSelectedPath = _b[1];
     var _c = __read(useState(false), 2), selectedFilter = _c[0], setSelectedFilter = _c[1];
     var _d = __read(useState(), 2), calendarRange = _d[0], setCalendarRange = _d[1];
@@ -3960,10 +3960,9 @@ var useFilterBar = function (_a) {
                 : '',
             endDate: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ? format(calendarRange.to, 'yyyy-MM-dd') : '',
             categories: categories,
-            ageCategoryCounts: handleAgeCategoryRules({
-                ageCategoryCounts: ageCategoryCounts,
-                ageCategories: ageCategories,
-            }),
+            ageCategoryCounts: Object.entries(ageCategoryCounts).length
+                ? JSON.stringify(ageCategoryCounts)
+                : '',
         };
         if (currentViewApply) {
             var currentSearchParams = new URLSearchParams(window.location.search);
@@ -4047,27 +4046,6 @@ var useFilterBar = function (_a) {
         setSelectedPath: setSelectedPath,
     };
 };
-////////////
-var handleAgeCategoryRules = function (_a) {
-    var ageCategoryCounts = _a.ageCategoryCounts, ageCategories = _a.ageCategories;
-    if (ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.length) {
-        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;
-                }
-            }
-        });
-    }
-    return Object.entries(ageCategoryCounts).length
-        ? JSON.stringify(ageCategoryCounts)
-        : '';
-};
 
 var useScrollInToView = function (_a) {
     var selectedFilter = _a.selectedFilter;
@@ -6600,6 +6578,11 @@ 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 && minVal > count) {
+            updateGuestsCount("guests-".concat(id), minVal);
+        }
+    }, []);
     var handleDecrement = function () {
         if (count > minVal) {
             updateGuestsCount("guests-".concat(id), count - 1);
@@ -6611,13 +6594,10 @@ function GuestCount(_a) {
     return (React__default__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
         React__default__default.createElement("p", { className: "will-guests-filter-label" }, label),
         React__default__default.createElement("div", { className: "will-guests-filter-counter" },
-            React__default__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__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__default.createElement("span", { className: "will-guests-filter-count" }, count),
             React__default__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleIncrement }, "+"))));
@@ -10611,6 +10591,10 @@ styleInject(css_248z$3);
 var Calendar = forwardRef(function (_a, ref) {
     var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange;
     var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
+    useEffect(function () {
+        if (!calendarRange)
+            setCalendarRange(undefined);
+    }, []);
     var today = startOfDay(new Date());
     var disabledDays = [
         {
@@ -10618,19 +10602,14 @@ var Calendar = forwardRef(function (_a, ref) {
             to: addDays(today, -50),
         },
     ];
-    useEffect(function () {
-        if (!calendarRange)
-            setCalendarRange(undefined);
-    }, []);
+    var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
     return (React__default__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
         React__default__default.createElement("div", { className: "will-calendar-filter-container" },
-            React__default__default.createElement(DayPicker, { id: "will-calendar", mode: "range", 
-                //showOutsideDays
-                numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
+            React__default__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}";