willba-component-library 0.2.48 → 0.2.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/FilterBar/hooks/useFilterBar.d.ts +2 -3
- package/lib/index.esm.js +11 -9
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +11 -9
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +11 -9
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.tsx +1 -2
- package/src/components/FilterBar/hooks/useFilterBar.tsx +7 -7
|
@@ -6,9 +6,8 @@ type Props = {
|
|
|
6
6
|
ageCategories?: AgeCategoryType[];
|
|
7
7
|
onSubmit?: ((val: Filters) => void) | null;
|
|
8
8
|
tabs?: Tab[];
|
|
9
|
-
isLoading?: boolean;
|
|
10
9
|
};
|
|
11
|
-
export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs,
|
|
10
|
+
export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs, }: Props) => {
|
|
12
11
|
selectedFilter: string | boolean;
|
|
13
12
|
ageCategoryCounts: AgeCategoryCount;
|
|
14
13
|
categories: number;
|
|
@@ -20,7 +19,7 @@ export declare const useFilterBar: ({ redirectUrl, ageCategories, onSubmit, tabs
|
|
|
20
19
|
setAgeCategoryCounts: import("react").Dispatch<import("react").SetStateAction<AgeCategoryCount>>;
|
|
21
20
|
setCategories: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
22
21
|
handleSelectedFilter: (id: string | boolean) => void;
|
|
23
|
-
handleSubmit: () =>
|
|
22
|
+
handleSubmit: () => void;
|
|
24
23
|
updateGuestsCount: (id: string, newCount: number) => void;
|
|
25
24
|
handleResetFilters: () => void;
|
|
26
25
|
setSelectedPath: import("react").Dispatch<import("react").SetStateAction<string>>;
|
package/lib/index.esm.js
CHANGED
|
@@ -11136,11 +11136,11 @@ var Pages;
|
|
|
11136
11136
|
})(Pages || (Pages = {}));
|
|
11137
11137
|
|
|
11138
11138
|
var useFilterBar = function (_a) {
|
|
11139
|
-
var redirectUrl = _a.redirectUrl, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, tabs = _a.tabs
|
|
11139
|
+
var redirectUrl = _a.redirectUrl, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit, tabs = _a.tabs;
|
|
11140
11140
|
var _b = __read(useState(Pages.EVENTS), 2), selectedPath = _b[0], setSelectedPath = _b[1];
|
|
11141
11141
|
var _c = __read(useState(false), 2), selectedFilter = _c[0], setSelectedFilter = _c[1];
|
|
11142
11142
|
var _d = __read(useState(), 2), calendarRange = _d[0], setCalendarRange = _d[1];
|
|
11143
|
-
var _e = __read(useState(
|
|
11143
|
+
var _e = __read(useState(false), 2), loading = _e[0], setLoading = _e[1];
|
|
11144
11144
|
var _f = __read(useState(0), 2), categories = _f[0], setCategories = _f[1];
|
|
11145
11145
|
var _g = __read(useState({}), 2), ageCategoryCounts = _g[0], setAgeCategoryCounts = _g[1];
|
|
11146
11146
|
useEffect(function () {
|
|
@@ -11234,10 +11234,13 @@ var useFilterBar = function (_a) {
|
|
|
11234
11234
|
finally { if (e_2) throw e_2.error; }
|
|
11235
11235
|
}
|
|
11236
11236
|
handleSelectedFilter(false);
|
|
11237
|
-
|
|
11238
|
-
|
|
11239
|
-
|
|
11240
|
-
|
|
11237
|
+
if (onSubmit && selectedPath === Pages.ROOMS) {
|
|
11238
|
+
onSubmit(newParams);
|
|
11239
|
+
}
|
|
11240
|
+
else {
|
|
11241
|
+
setLoading(true),
|
|
11242
|
+
(window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
|
|
11243
|
+
}
|
|
11241
11244
|
};
|
|
11242
11245
|
var handleResetFilters = function () {
|
|
11243
11246
|
setAgeCategoryCounts({});
|
|
@@ -11408,8 +11411,7 @@ function FilterBar(_a) {
|
|
|
11408
11411
|
ageCategories: ageCategories,
|
|
11409
11412
|
onSubmit: onSubmit,
|
|
11410
11413
|
tabs: tabs,
|
|
11411
|
-
|
|
11412
|
-
}), 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;
|
|
11414
|
+
}), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, loading = _d.loading, setCalendarRange = _d.setCalendarRange, setCategories = _d.setCategories, handleSelectedFilter = _d.handleSelectedFilter, handleSubmit = _d.handleSubmit, updateGuestsCount = _d.updateGuestsCount, setSelectedPath = _d.setSelectedPath, handleResetFilters = _d.handleResetFilters;
|
|
11413
11415
|
// Scroll in to view
|
|
11414
11416
|
var _e = useScrollInToView({ selectedFilter: selectedFilter }), isMobile = _e.isMobile, targetFilterBarRef = _e.targetFilterBarRef;
|
|
11415
11417
|
// Handle close filter section
|
|
@@ -11442,7 +11444,7 @@ function FilterBar(_a) {
|
|
|
11442
11444
|
selectedPath === Pages.ROOMS && (React__default__default.createElement(React__default__default.Fragment, null,
|
|
11443
11445
|
React__default__default.createElement(Divider, null),
|
|
11444
11446
|
React__default__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
|
|
11445
|
-
React__default__default.createElement(SubmitButton, { onClick: handleSubmit, startIcon: React__default__default.createElement(FaSearch, null), label: t('common:search'), isLoading: isLoading })),
|
|
11447
|
+
React__default__default.createElement(SubmitButton, { onClick: handleSubmit, startIcon: React__default__default.createElement(FaSearch, null), label: t('common:search'), isLoading: loading || isLoading })),
|
|
11446
11448
|
selectedFilter && (React__default__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'light'), style: (!tabs || tabs.length < 2) && !isMobile ? { top: 66 } : {} },
|
|
11447
11449
|
React__default__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
|
|
11448
11450
|
selectedFilter === FilterSections.CALENDAR && (React__default__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, disableCalendarDates: disableCalendarDates, selectedPath: selectedPath, language: language })),
|