willba-component-library 0.1.57 → 0.1.59

package/lib/index.umd.js

@@ -80,6 +80,16 @@
         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;
@@ -3912,14 +3922,23 @@
 
     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;
@@ -3932,10 +3951,15 @@
     (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];
@@ -3969,11 +3993,11 @@
             // 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) {
@@ -4035,7 +4059,7 @@
                 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)
@@ -4063,15 +4087,14 @@
                     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,
@@ -6415,7 +6438,8 @@
     	labelPlaceholder: "Add guests",
     	title: "Who's coming?",
     	adultsLabel: "Adults",
-    	kidsLabel: "kids"
+    	kidsLabel: "kids",
+    	guestsLabel: "Guests"
     };
     var categories$1 = {
     	label: "Categories",
@@ -6449,7 +6473,8 @@
     	labelPlaceholder: "Lisää vieraat",
     	title: "Ketkä ovat tulossa?",
     	adultsLabel: "Aikuiset",
-    	kidsLabel: "lapset"
+    	kidsLabel: "lapset",
+    	guestsLabel: "Gieraita"
     };
     var categories = {
     	label: "Kategoriat",
@@ -10651,17 +10676,19 @@
     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;
@@ -10709,7 +10736,7 @@
     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 });
@@ -10720,11 +10747,11 @@
             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
@@ -10744,21 +10771,27 @@
         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 }))))));
     }