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.
@@ -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, isLoading, }: Props) => {
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: () => string | void;
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, isLoading = _a.isLoading;
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(isLoading || false), 2), loading = _e[0], setLoading = _e[1];
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
- setLoading(true);
11238
- return onSubmit && selectedPath === Pages.ROOMS
11239
- ? onSubmit(newParams)
11240
- : (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
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
- isLoading: isLoading,
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 })),