willba-component-library 0.1.57 → 0.1.59

package/lib/index.js

@@ -78,6 +78,16 @@ function __read(o, n) {
     return ar;
 }
 
+function __spreadArray$1(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
@@ -3910,14 +3920,23 @@ var parseDates = function (_a) {
 
 var parseGuests = function (_a) {
     var ageCategoryCounts = _a.ageCategoryCounts, ageCategories = _a.ageCategories;
-    return Object.entries(ageCategoryCounts).reduce(function (acc, _a) {
+    var parsedData = Object.entries(ageCategoryCounts).reduce(function (acc, _a) {
         var _b = __read(_a, 2), key = _b[0], value = _b[1];
-        var ageCategory = ageCategories.find(function (c) { return c.id === key[key.length - 1]; });
+        var ageCategoryId = key[key.length - 1];
+        var ageCategory = ageCategories.find(function (c) { return c.id === ageCategoryId; });
         if (ageCategory && value) {
-            acc += "".concat(acc ? ' |' : '', " ").concat(ageCategory.name, ": <span style=\"display: inline-block; width: 21px\">").concat(value, "</span>");
+            return {
+                total: acc.total + value,
+                html: __spreadArray$1(__spreadArray$1([], __read(acc.html), false), [
+                    "<span style=\"display: inline-block; width: 21px, text-align: center\">".concat(value, "</span>"),
+                ], false),
+            };
         }
         return acc;
-    }, '');
+    }, { total: 0, html: [] });
+    var htmlString = parsedData.html.length > 1 ? parsedData.html.join(' + ') : '';
+    return ((parsedData.total || htmlString) &&
+        ": ".concat(parsedData.total, " ").concat(htmlString ? "- ( ".concat(htmlString, " )") : ''));
 };
 
 var FilterSections;
@@ -3930,10 +3949,15 @@ var ViewApply;
 (function (ViewApply) {
     ViewApply["ROOMS"] = "roomFilters";
 })(ViewApply || (ViewApply = {}));
+var Pages;
+(function (Pages) {
+    Pages["ROOMS"] = "/rooms";
+    Pages["EVENTS"] = "/events";
+})(Pages || (Pages = {}));
 
 var useFilterBar = function (_a) {
     var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit;
-    var _b = __read(React__default.useState('/events'), 2), selectedPath = _b[0], setSelectedPath = _b[1];
+    var _b = __read(React__default.useState(Pages.EVENTS), 2), selectedPath = _b[0], setSelectedPath = _b[1];
     var _c = __read(React__default.useState(false), 2), selectedFilter = _c[0], setSelectedFilter = _c[1];
     var _d = __read(React__default.useState(), 2), calendarRange = _d[0], setCalendarRange = _d[1];
     var _e = __read(React__default.useState(0), 2), categories = _e[0], setCategories = _e[1];
@@ -3967,11 +3991,11 @@ var useFilterBar = function (_a) {
         // Handle default selected tab
         if (typeof window === 'undefined')
             return;
-        var currentPath = window.location.pathname.includes('/events')
-            ? '/events'
-            : window.location.pathname.includes('/rooms')
-                ? '/rooms'
-                : '/events';
+        var currentPath = window.location.pathname.includes(Pages.EVENTS)
+            ? Pages.EVENTS
+            : window.location.pathname.includes(Pages.ROOMS)
+                ? Pages.ROOMS
+                : Pages.EVENTS;
         setSelectedPath(currentPath);
     }, []);
     var updateGuestsCount = function (id, newCount) {
@@ -4033,7 +4057,7 @@ var useFilterBar = function (_a) {
             var baseUrl = window.location.origin + window.location.pathname;
             var updatedUrl = "".concat(baseUrl, "?").concat(updatedParams.toString());
             handleSelectedFilter(false);
-            if (onSubmit && selectedPath === '/rooms') {
+            if (onSubmit && selectedPath === Pages.ROOMS) {
                 var updatedParamsObject_1 = {};
                 updatedParams.forEach(function (value, key) {
                     if (value)
@@ -4061,15 +4085,14 @@ var useFilterBar = function (_a) {
                 finally { if (e_3) throw e_3.error; }
             }
             handleSelectedFilter(false);
-            return onSubmit && selectedPath === '/rooms'
+            return onSubmit && selectedPath === Pages.ROOMS
                 ? onSubmit(newParams)
                 : (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
         }
     };
     var handleResetFilters = function () {
         setAgeCategoryCounts({});
-        handleSubmit();
-        setSelectedFilter(false);
+        setCalendarRange(undefined);
     };
     return {
         selectedFilter: selectedFilter,
@@ -6413,7 +6436,8 @@ var guests$1 = {
 	labelPlaceholder: "Add guests",
 	title: "Who's coming?",
 	adultsLabel: "Adults",
-	kidsLabel: "kids"
+	kidsLabel: "kids",
+	guestsLabel: "Guests"
 };
 var categories$1 = {
 	label: "Categories",
@@ -6447,7 +6471,8 @@ var guests = {
 	labelPlaceholder: "Lisää vieraat",
 	title: "Ketkä ovat tulossa?",
 	adultsLabel: "Aikuiset",
-	kidsLabel: "lapset"
+	kidsLabel: "lapset",
+	guestsLabel: "Gieraita"
 };
 var categories = {
 	label: "Kategoriat",
@@ -10649,17 +10674,19 @@ var css_248z$3 = ".will-calendar-filter-header {\n  padding: 15px 0;\n  border-b
 styleInject(css_248z$3);
 
 var Calendar = React__default.forwardRef(function (_a, ref) {
-    var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange;
+    var _b;
+    var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, calendarOffset = _a.calendarOffset, selectedPath = _a.selectedPath;
     var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
     React__default.useEffect(function () {
         if (!calendarRange)
             setCalendarRange(undefined);
     }, []);
     var today = startOfDay(new Date());
+    var daysToOffsetCalendar = (_b = Object.entries(calendarOffset)) === null || _b === void 0 ? void 0 : _b.find(function (page) { return selectedPath.substring(1) === page[0]; });
     var disabledDays = [
         {
-            from: addDays(today, -2),
-            to: addDays(today, -50),
+            from: addDays(today, !!(daysToOffsetCalendar === null || daysToOffsetCalendar === void 0 ? void 0 : daysToOffsetCalendar.length) ? daysToOffsetCalendar[1] : -2),
+            to: addDays(today, -100),
         },
     ];
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
@@ -10707,7 +10734,7 @@ var css_248z = ".will-root {\n  z-index: 999;\n  width: fit-content;\n  min-widt
 styleInject(css_248z);
 
 function FilterBar(_a) {
-    var language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ? AGE_CATEGORIES_FALLBACK : _b, _c = _a.redirectUrl, redirectUrl = _c === void 0 ? REDIRECT_URL_FALLBACK : _c, palette = _a.palette, currentViewApply = _a.currentViewApply, onSubmit = _a.onSubmit, fullWidth = _a.fullWidth;
+    var language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ? AGE_CATEGORIES_FALLBACK : _b, _c = _a.redirectUrl, redirectUrl = _c === void 0 ? REDIRECT_URL_FALLBACK : _c, palette = _a.palette, currentViewApply = _a.currentViewApply, onSubmit = _a.onSubmit, fullWidth = _a.fullWidth, calendarOffset = _a.calendarOffset;
     var themePalette = useTheme({ palette: palette });
     // Translations
     useUpdateTranslations({ language: language });
@@ -10718,11 +10745,11 @@ function FilterBar(_a) {
         currentViewApply: currentViewApply,
         ageCategories: ageCategories,
         onSubmit: onSubmit,
-    }), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, setCalendarRange = _d.setCalendarRange, setCategories = _d.setCategories, handleSelectedFilter = _d.handleSelectedFilter, handleSubmit = _d.handleSubmit, updateGuestsCount = _d.updateGuestsCount, setSelectedPath = _d.setSelectedPath;
+    }), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, setCalendarRange = _d.setCalendarRange, setCategories = _d.setCategories, handleSelectedFilter = _d.handleSelectedFilter, handleSubmit = _d.handleSubmit, updateGuestsCount = _d.updateGuestsCount, setSelectedPath = _d.setSelectedPath, handleResetFilters = _d.handleResetFilters;
     // Default selected tab when tabs are hidden
     React__default.useEffect(function () {
         if (currentViewApply === ViewApply.ROOMS) {
-            setSelectedPath('/rooms');
+            setSelectedPath(Pages.ROOMS);
         }
     }, []);
     // Scroll in to view
@@ -10742,21 +10769,27 @@ function FilterBar(_a) {
     var parsedGuests = parseGuests({ ageCategoryCounts: ageCategoryCounts, ageCategories: ageCategories });
     return (React__default.createElement("div", { className: "will-root ".concat(fullWidth ? 'is-full-width' : ''), style: themePalette },
         !currentViewApply && (React__default.createElement("div", { className: "will-filter-bar-tabs", ref: !currentViewApply ? targetFilterBarRef : null },
-            React__default.createElement(TabButton, { label: t('tabs.events'), onClick: function () { return setSelectedPath('/events'); }, active: selectedPath === '/events' }),
-            React__default.createElement(TabButton, { label: t('tabs.rooms'), onClick: function () { return setSelectedPath('/rooms'); }, active: selectedPath === '/rooms' }))),
+            React__default.createElement(TabButton, { label: t('tabs.events'), onClick: function () {
+                    setSelectedPath(Pages.EVENTS), handleResetFilters();
+                }, active: selectedPath === Pages.EVENTS }),
+            React__default.createElement(TabButton, { label: t('tabs.rooms'), onClick: function () {
+                    setSelectedPath(Pages.ROOMS), handleResetFilters();
+                }, active: selectedPath === Pages.ROOMS }))),
         React__default.createElement("div", { className: "will-filter-bar-header", ref: currentViewApply ? targetFilterBarRef : null },
             React__default.createElement(SelectButton, { label: t('calendar.label'), description: parsedDates
                     ? parsedDates
-                    : selectedPath === '/rooms'
+                    : selectedPath === Pages.ROOMS
                         ? t('calendar.roomsLabelPlaceholder')
                         : t('calendar.eventsLabelPlaceholder'), onClick: function () { return handleSelectedFilter(FilterSections.CALENDAR); }, active: selectedFilter === FilterSections.CALENDAR }),
-            selectedPath === '/rooms' && (React__default.createElement(React__default.Fragment, null,
+            selectedPath === Pages.ROOMS && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Divider, null),
-                React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests ? parsedGuests : t('guests.labelPlaceholder'), onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: selectedFilter === FilterSections.GUESTS }))),
+                React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests
+                        ? t('guests.guestsLabel') + parsedGuests
+                        : t('guests.labelPlaceholder'), onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: selectedFilter === FilterSections.GUESTS }))),
             React__default.createElement(SubmitButton, { 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); } }),
-            selectedFilter === FilterSections.CALENDAR && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef })),
+            selectedFilter === FilterSections.CALENDAR && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath })),
             selectedFilter === FilterSections.GUESTS && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts, ref: filtersRef })),
             selectedFilter === FilterSections.CATEGORIES && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories }))))));
 }