willba-component-library 0.2.50 → 0.2.51
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/FilterBar.d.ts +1 -1
- package/lib/components/FilterBar/FilterBarTypes.d.ts +1 -1
- package/lib/components/FilterBar/hooks/useFilterBar.d.ts +1 -1
- package/lib/index.d.ts +2 -2
- package/lib/index.esm.js +6 -6
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +6 -6
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +6 -6
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.stories.tsx +1 -1
- package/src/components/FilterBar/FilterBar.tsx +3 -3
- package/src/components/FilterBar/FilterBarTypes.ts +1 -1
- package/src/components/FilterBar/hooks/useFilterBar.tsx +3 -3
package/lib/index.js
CHANGED
|
@@ -11160,7 +11160,7 @@ var useFilterBar = function (_a) {
|
|
|
11160
11160
|
var _b = __read(React__default.useState(Pages.EVENTS), 2), selectedPath = _b[0], setSelectedPath = _b[1];
|
|
11161
11161
|
var _c = __read(React__default.useState(false), 2), selectedFilter = _c[0], setSelectedFilter = _c[1];
|
|
11162
11162
|
var _d = __read(React__default.useState(), 2), calendarRange = _d[0], setCalendarRange = _d[1];
|
|
11163
|
-
var _e = __read(React__default.useState(false), 2),
|
|
11163
|
+
var _e = __read(React__default.useState(false), 2), innerLoading = _e[0], setInnerLoading = _e[1];
|
|
11164
11164
|
var _f = __read(React__default.useState(0), 2), categories = _f[0], setCategories = _f[1];
|
|
11165
11165
|
var _g = __read(React__default.useState({}), 2), ageCategoryCounts = _g[0], setAgeCategoryCounts = _g[1];
|
|
11166
11166
|
React__default.useEffect(function () {
|
|
@@ -11258,7 +11258,7 @@ var useFilterBar = function (_a) {
|
|
|
11258
11258
|
onSubmit(newParams);
|
|
11259
11259
|
}
|
|
11260
11260
|
else {
|
|
11261
|
-
|
|
11261
|
+
setInnerLoading(true),
|
|
11262
11262
|
(window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
|
|
11263
11263
|
}
|
|
11264
11264
|
};
|
|
@@ -11272,7 +11272,7 @@ var useFilterBar = function (_a) {
|
|
|
11272
11272
|
categories: categories,
|
|
11273
11273
|
calendarRange: calendarRange,
|
|
11274
11274
|
selectedPath: selectedPath,
|
|
11275
|
-
|
|
11275
|
+
innerLoading: innerLoading,
|
|
11276
11276
|
setCalendarRange: setCalendarRange,
|
|
11277
11277
|
setSelectedFilter: setSelectedFilter,
|
|
11278
11278
|
setAgeCategoryCounts: setAgeCategoryCounts,
|
|
@@ -11420,7 +11420,7 @@ var css_248z$1 = ".will-root {\n z-index: 999;\n width: fit-content;\n min-wi
|
|
|
11420
11420
|
styleInject(css_248z$1);
|
|
11421
11421
|
|
|
11422
11422
|
function FilterBar(_a) {
|
|
11423
|
-
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, disableCalendarDates = _a.disableCalendarDates, mode = _a.mode, tabs = _a.tabs,
|
|
11423
|
+
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, disableCalendarDates = _a.disableCalendarDates, mode = _a.mode, tabs = _a.tabs, outerLoading = _a.outerLoading;
|
|
11424
11424
|
var themePalette = useTheme({ palette: palette });
|
|
11425
11425
|
// Translations
|
|
11426
11426
|
useUpdateTranslations({ language: language });
|
|
@@ -11431,7 +11431,7 @@ function FilterBar(_a) {
|
|
|
11431
11431
|
ageCategories: ageCategories,
|
|
11432
11432
|
onSubmit: onSubmit,
|
|
11433
11433
|
tabs: tabs,
|
|
11434
|
-
}), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath,
|
|
11434
|
+
}), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, innerLoading = _d.innerLoading, setCalendarRange = _d.setCalendarRange, setCategories = _d.setCategories, handleSelectedFilter = _d.handleSelectedFilter, handleSubmit = _d.handleSubmit, updateGuestsCount = _d.updateGuestsCount, setSelectedPath = _d.setSelectedPath, handleResetFilters = _d.handleResetFilters;
|
|
11435
11435
|
// Scroll in to view
|
|
11436
11436
|
var _e = useScrollInToView({ selectedFilter: selectedFilter }), isMobile = _e.isMobile, targetFilterBarRef = _e.targetFilterBarRef;
|
|
11437
11437
|
// Handle close filter section
|
|
@@ -11464,7 +11464,7 @@ function FilterBar(_a) {
|
|
|
11464
11464
|
selectedPath === Pages.ROOMS && (React__default.createElement(React__default.Fragment, null,
|
|
11465
11465
|
React__default.createElement(Divider, null),
|
|
11466
11466
|
React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
|
|
11467
|
-
React__default.createElement(SubmitButton, { onClick: handleSubmit, startIcon: React__default.createElement(FaSearch, null), label: t('common:search'), isLoading:
|
|
11467
|
+
React__default.createElement(SubmitButton, { onClick: handleSubmit, startIcon: React__default.createElement(FaSearch, null), label: t('common:search'), isLoading: innerLoading || outerLoading })),
|
|
11468
11468
|
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'light'), style: (!tabs || tabs.length < 2) && !isMobile ? { top: 66 } : {} },
|
|
11469
11469
|
React__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
|
|
11470
11470
|
selectedFilter === FilterSections.CALENDAR && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, disableCalendarDates: disableCalendarDates, selectedPath: selectedPath, language: language })),
|