willba-component-library 0.1.75 → 0.1.76

package/lib/index.js

@@ -3947,10 +3947,6 @@ var FilterSections;
     FilterSections["GUESTS"] = "guests";
     FilterSections["CATEGORIES"] = "categories";
 })(FilterSections || (FilterSections = {}));
-var ViewApply;
-(function (ViewApply) {
-    ViewApply["ROOMS"] = "roomFilters";
-})(ViewApply || (ViewApply = {}));
 var Pages;
 (function (Pages) {
     Pages["ROOMS"] = "/rooms";
@@ -3958,7 +3954,7 @@ var Pages;
 })(Pages || (Pages = {}));
 
 var useFilterBar = function (_a) {
-    var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, defaultTab = _a.defaultTab;
+    var redirectUrl = _a.redirectUrl, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, tabs = _a.tabs;
     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];
@@ -3993,10 +3989,11 @@ var useFilterBar = function (_a) {
         // Handle default selected tab
         if (typeof window === 'undefined')
             return;
-        var currentPath = defaultTab === Pages.EVENTS ||
+        var defaultTab = (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1 ? tabs[0] : tabs === null || tabs === void 0 ? void 0 : tabs.find(function (tab) { return tab.default; });
+        var currentPath = (defaultTab === null || defaultTab === void 0 ? void 0 : defaultTab.path) === Pages.EVENTS ||
             window.location.pathname.includes(Pages.EVENTS)
             ? Pages.EVENTS
-            : defaultTab === Pages.ROOMS ||
+            : (defaultTab === null || defaultTab === void 0 ? void 0 : defaultTab.path) === Pages.ROOMS ||
                 window.location.pathname.includes(Pages.ROOMS)
                 ? Pages.ROOMS
                 : Pages.EVENTS;
@@ -4024,7 +4021,7 @@ var useFilterBar = function (_a) {
                 ageCategories: ageCategories,
             }),
         };
-        if (currentViewApply) {
+        if ((tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1) {
             var currentSearchParams = new URLSearchParams(window.location.search);
             var updatedParams = new URLSearchParams();
             try {
@@ -11129,7 +11126,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, calendarOffset = _a.calendarOffset, mode = _a.mode, defaultTab = _a.defaultTab;
+    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, onSubmit = _a.onSubmit, fullWidth = _a.fullWidth, calendarOffset = _a.calendarOffset, mode = _a.mode, tabs = _a.tabs;
     var themePalette = useTheme({ palette: palette });
     // Translations
     useUpdateTranslations({ language: language });
@@ -11137,17 +11134,10 @@ function FilterBar(_a) {
     // Filters
     var _d = useFilterBar({
         redirectUrl: redirectUrl,
-        currentViewApply: currentViewApply,
         ageCategories: ageCategories,
         onSubmit: onSubmit,
-        defaultTab: defaultTab,
+        tabs: tabs,
     }), 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(Pages.ROOMS);
-        }
-    }, []);
     // Scroll in to view
     var _e = useScrollInToView({ selectedFilter: selectedFilter }), isMobile = _e.isMobile, targetFilterBarRef = _e.targetFilterBarRef;
     // Handle close filter section
@@ -11170,14 +11160,14 @@ function FilterBar(_a) {
         guestsLabel: t('guests.guestsLabel'),
     });
     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 () {
-                    setSelectedPath(Pages.EVENTS), handleResetFilters();
-                }, active: selectedPath === Pages.EVENTS, mode: mode }),
-            React__default.createElement(TabButton, { label: t('tabs.rooms'), onClick: function () {
-                    setSelectedPath(Pages.ROOMS), handleResetFilters();
-                }, active: selectedPath === Pages.ROOMS, mode: mode }))),
-        React__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || 'dark'), ref: currentViewApply ? targetFilterBarRef : null },
+        tabs && tabs.length > 1 && (React__default.createElement("div", { className: "will-filter-bar-tabs", ref: targetFilterBarRef }, tabs
+            .sort(function (a, b) { return a.order - b.order; })
+            .map(function (tab, idx) { return (React__default.createElement(TabButton, { key: "tab-".concat(idx), label: tab.label && language
+                ? tab.label[language]
+                : t("tabs.".concat(tab.path.substring(1))), onClick: function () {
+                setSelectedPath(tab.path), handleResetFilters();
+            }, active: selectedPath === tab.path, mode: mode })); }))),
+        React__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || 'dark'), ref: (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1 ? targetFilterBarRef : null },
             React__default.createElement(SelectButton, { label: t('calendar.label'), description: parsedDates
                     ? parsedDates
                     : selectedPath === Pages.ROOMS
@@ -11187,7 +11177,7 @@ function FilterBar(_a) {
                 React__default.createElement(Divider, null),
                 React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
             React__default.createElement(SubmitButton, { onClick: handleSubmit })),
-        selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'dark'), style: currentViewApply && !isMobile ? { top: 66 } : {} },
+        selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'dark'), style: tabs && tabs.length === 1 && !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, calendarOffset: calendarOffset, selectedPath: selectedPath, locale: language })),
             selectedFilter === FilterSections.GUESTS && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts, ref: filtersRef })),