willba-component-library 0.0.88 → 0.1.0
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/README.md +54 -0
- package/lib/components/FilterBar/FilterBar.d.ts +3 -2
- package/lib/components/FilterBar/hooks/useFilterBar.d.ts +5 -1
- package/lib/index.d.ts +3 -2
- package/lib/index.esm.js +13 -11
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +13 -11
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +13 -11
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.stories.tsx +1 -0
- package/src/components/FilterBar/FilterBar.tsx +10 -4
- package/src/components/FilterBar/hooks/useFilterBar.tsx +9 -4
package/lib/index.js
CHANGED
|
@@ -8006,11 +8006,12 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
8006
8006
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
8007
8007
|
};
|
|
8008
8008
|
|
|
8009
|
-
function useFilterBar(
|
|
8010
|
-
var
|
|
8011
|
-
var _b = React__default.useState(),
|
|
8012
|
-
var _c = React__default.useState(
|
|
8013
|
-
var _d = React__default.useState(
|
|
8009
|
+
function useFilterBar(_a) {
|
|
8010
|
+
var redirectUrl = _a.redirectUrl;
|
|
8011
|
+
var _b = React__default.useState(false), selectedFilter = _b[0], setSelectedFilter = _b[1];
|
|
8012
|
+
var _c = React__default.useState(), calendarRange = _c[0], setCalendarRange = _c[1];
|
|
8013
|
+
var _d = React__default.useState(0), categories = _d[0], setCategories = _d[1];
|
|
8014
|
+
var _e = React__default.useState({}), ageCategoryCounts = _e[0], setAgeCategoryCounts = _e[1];
|
|
8014
8015
|
var updateGuestsCount = function (id, newCount) {
|
|
8015
8016
|
setAgeCategoryCounts(function (prevCounts) {
|
|
8016
8017
|
var _a;
|
|
@@ -8051,8 +8052,7 @@ function useFilterBar(ageCategories) {
|
|
|
8051
8052
|
queryParams.append(key, value.toString());
|
|
8052
8053
|
}
|
|
8053
8054
|
}
|
|
8054
|
-
|
|
8055
|
-
window.location.href = url;
|
|
8055
|
+
window.location.href = "".concat(redirectUrl).concat(queryParams ? "?".concat(queryParams.toString()) : '');
|
|
8056
8056
|
handleSelectedFilter(false);
|
|
8057
8057
|
};
|
|
8058
8058
|
React__default.useEffect(function () {
|
|
@@ -10441,15 +10441,15 @@ function CloseButton(_a) {
|
|
|
10441
10441
|
}
|
|
10442
10442
|
|
|
10443
10443
|
function FilterBar(_a) {
|
|
10444
|
-
var vendor = _a.vendor, language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ?
|
|
10444
|
+
var vendor = _a.vendor, 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;
|
|
10445
10445
|
var themeClass = useTheme({ vendor: vendor });
|
|
10446
|
-
var
|
|
10446
|
+
var _d = React__default.useState(0); _d[0]; var setRerenderKey = _d[1];
|
|
10447
10447
|
React__default.useEffect(function () {
|
|
10448
10448
|
instance.changeLanguage(language);
|
|
10449
10449
|
setRerenderKey(function (prevKey) { return prevKey + 1; });
|
|
10450
10450
|
}, [language]);
|
|
10451
10451
|
var t = useTranslation('filterBar').t;
|
|
10452
|
-
var
|
|
10452
|
+
var _e = useFilterBar({ redirectUrl: redirectUrl }), selectedFilter = _e.selectedFilter, ageCategoryCounts = _e.ageCategoryCounts, categories = _e.categories, calendarRange = _e.calendarRange, setCalendarRange = _e.setCalendarRange, setCategories = _e.setCategories, handleSelectedFilter = _e.handleSelectedFilter, handleSubmit = _e.handleSubmit, updateGuestsCount = _e.updateGuestsCount, handleResetFilters = _e.handleResetFilters;
|
|
10453
10453
|
return (React__default.createElement(React__default.Fragment, null,
|
|
10454
10454
|
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar will-filter-bar-underlay", onClick: function () {
|
|
10455
10455
|
handleSelectedFilter(false);
|
|
@@ -10468,10 +10468,11 @@ function FilterBar(_a) {
|
|
|
10468
10468
|
selectedFilter === 3 && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts })),
|
|
10469
10469
|
selectedFilter === 4 && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories })))))));
|
|
10470
10470
|
}
|
|
10471
|
+
////////////
|
|
10471
10472
|
var fontWigthBold = function (input) {
|
|
10472
10473
|
return { fontWeight: input ? 'bold' : 'initial' };
|
|
10473
10474
|
};
|
|
10474
|
-
var
|
|
10475
|
+
var AGE_CATEGORIES_FALLBACK = [
|
|
10475
10476
|
{
|
|
10476
10477
|
id: '1',
|
|
10477
10478
|
name: 'Adults',
|
|
@@ -10487,6 +10488,7 @@ var ageCategoriesFallback = [
|
|
|
10487
10488
|
minVal: 0,
|
|
10488
10489
|
},
|
|
10489
10490
|
];
|
|
10491
|
+
var REDIRECT_URL_FALLBACK = 'http://localhost:3000/';
|
|
10490
10492
|
|
|
10491
10493
|
exports.Button = Button$1;
|
|
10492
10494
|
exports.FilterBar = FilterBar;
|